Strange behaviour in Cornerstone text element - Font not applied when paragraphs or line breaks in text

[umbertofederico]

Hello dear Themeco team!

I have a super weird behaviour in the cornerstone text element. I created some cards that would give me a bit more flexibility when it comes to their content and on the back there is a text element that has been formatted in Cornerstone with a custom Google font. When the text in the element has no line breaks or paragraphs, the font and its properties (line height etc.) are applied fine. As soon as the text has a
or

tag, the formatting flies out the window and the text looks “standard” with really huge line heights and it breaks the layout. Is there something I’m missing? I even tried to apply a custom css class with the font-family set to !important but it doesn’t do anything.

The link to the page with the cards is https://priceless-management.de/events/fiston-mbuyi/

It would be awesome if you could help me find the reason for that behaviour! Thanks guys

Best,

Umberto

[raye]

I had a look at your site.
As soon, as the text ist surrounded in p-tags, it gets an additional CSS applied that overwrites your .steckbrief CSS class. And if you add a linebreak in the text editor, it also gets surrounded with p-tags.

This is the CSS that overwrites it:

wrap p {
    font-family: var(--mec-paragraph-font-family),sans-serif;
}

–mec-paragraph-font-family is set to Raleway font and .wrap p sets a quite big line-height.

If .steckbrief is a custom CSS you added, you can try to edit it like this:

.steckbrief, .steckbrief p {
    font-family: "Courier Prime" !important;
}

[umbertofederico]

Awesome! Thank you. That worked like a charm.

[ruenel]

You are most welcome.