How do you Format "The Content"

[co50]

Couldn’t find this after 30 mins of searching…The Content element has no formatting capability whatsoever, including a customize tab. I saw in one thread that the only way to format the text size/color of a single blog post made with the layout builder is to just change the theme options text size - but this affects ALL body text sitewide, even oddly, text that has been assigned font parameters using the font manager.

So on one hand, why do an element’s font settings get overridden by the theme’s default font/size - behavior should be the exact opposite.

And more importantly, is there a way to format the text in “The Content” element without changing it for the entire website?

[nabeel]

Hi @co50,

Thank you for reaching out to us. Currently the Content will have it’s styling from the global theme options, at the moment there is no option to format it individually, as a work around you can override formatting by adding the following code in the Column’s Element CSS that contains the Content element:

$el p {
  font-size: 25px;
  color: red;
}

This will override the text color and font size, to target other elements you can define more CSS rules.

@co50

So on one hand, why do an element’s font settings get overridden by the theme’s default font/size - behavior should be the exact opposite.

I ran a test and the Theme Options do not override element settings, for example I added a Text element and set the color to black (see screenshot)

Then in the Theme Options I set the color to aqua (see screenshot)

On the front-end I see the black color which was set in the element’s settings (see screenshot)

Hope this helps!

[co50]

Thanks for the tip on formatting The Content.

I do have to tell you though that changing the Theme Options tyopgraphy settings does in fact override all existing fonts.

I’ve included a video demonstrating this. You’ll see that despite all of the page fonts having classes specified (font not set on “inherit”) size is overridden across the board on all body text on the page. This should not occur and is a bug in Pro.

Vid: https://imgur.com/a/Odl7GeA

[tristup]

Hi @co50,

Thanks for sharing the video, still we need to investigate by logging into your admin dashboard. I would request you provide login credentials for your site on a secure note, including:

– WordPress Site URL & Login URL
– Page URL where you are having the issue.
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[co50]

I’m not sure how my WP install would make your theme options override individual font settings but I’ve added the secure note so you can tell me. Thx.

[ruenel]

Hello @co50,

You are using a calculated font size for your headline element. The Theme Options is the base font. As soon as you change the base font, it affects all the elements that are using rem or em units.

Best Regards.

[co50]

I know…that’s my point…what use case is there for the theme options font sizing to override fonts specifically configured using font manager? It makes no sense and nobody wants this.

[tristup]

Hi @co50,

The Theme Options is a base font and that will be overridden by individual settings made into each element which have been done in your case. Please remember that the element settings come higher in the priority and as I said before it overrides the setting made in the Theme Options.

Thanks for understanding.

[co50]

You guys keep contradicting each other. @tristup says the base font is overridden by individual elements and I’ve proved, as @ruenel has confirmed, that the Theme options font settings are not overridden by element settings. Rue is correct here, I was just pointing out that there is no use case in which someone sets a calc size or a specific element font setting and wants the theme options font setting to contribute to that. So why allow it to happen?

[tristup]

Hi @co50,

We are sorry if any confusion arises here, but my comment is not contradictory to my colleague’s comment. If no specific Font or Font Size specified in the specific elements, it take the Inherit option that actually take the base option which is set from the Theme Options. But if you specify the Font and the Font Size in the specific element the default options will be overridden.

Hope this helps.
Thanks for understanding.

[co50]

This is not true. You guys are talking in circles.

FACT: If you specify the font and font size in the specific element the default theme typography options will NOT be overridden. Ruenel confirmed this. My video confirmed this.

No need to respond. I’ve settled on the above being true. I do hope though that in the near future Pro changes this so that specified element font settings ignore the theme options settings.

[marc_a]

Hi @co50,

We’re glad that you already fix your issue. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.