Cornerstone/Xtheme Text Format

[MontreatDesigner]

Hi,

So I’ve been setting up a site for my company for the past 1.5 years. A lot has changed in that time, obviously. In the most recent, or one of the most recent updates, you all changed how text styling was implemented across Cornerstone created pages and with the Font Manager. No longer are v2 Elements given the preset fonts (heading & body) automatically.

That’s all fine and good. I discovered how to change it under “Text Format.” I change the font family to whatever I want it to be. What doesn’t make sense is how to change the header sizing (h1, h2, h3, etc). In some Elements, there is a “Setup” section that gives you the option of base font size & tag. Changing the tag does nothing. In fact, there are multiple ways to change the size of the text (base font size under “Setup” or font size under “Text Format,” to name a few), but no clean way to change the size based on predetermined header sizing.

Is there a use for the header sizings in Cornerstone anymore? Is there a way to utilize the header sizing? I can make presets for the whole Element, but I’m not interested in doing that. Am I missing something?

And, before you ask, my sites currently on a localhost, so there’s no way for me to share login information.

Thanks for your time.

[ruenel]

Hello There,

Thanks for writing in!

The header sizing is based from the base font of the body and content. The default sizing is currently in percentage which can only be overridden with a custom css. At the moment, there is no setting in the theme options to set a global sizing for the header. Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r) instead:

.h1, h1 {
  font-size: 34px;
}

.h2, h2 {
  font-size: 28px;
}

This custom css serves as an example only. Feel free to change the font size and extend it to include h3, h4, h5 and h6.

Hope this helps.

[MontreatDesigner]

Thanks for the reply. I understand what you’re saying about changing the base font of the body and content being percentage, not point size. My own tests confirm that. But percentages is good, as it scales based on the screen being used.

But what I’m struggling with specifically is based in Cornerstone. There’s a whole section (with the Header Element, for example) that asks what you want the text to wrapped in.

Am I hearing correctly that because X fonts are based on percentages, this setup for Elements in Cornerstone is effectively useless? I feel as though it’s silly to wrap something in tags if it’s not gonna ultimately be useful and you have to customize sizing individually anyways.

Thanks

[Prasant]

Hello @MontreatDesigner,

Thanks for updating the thread.

Please note that V2 elements styling would be dependent on what options are set from the options particular elements has including the font size. So even if you change the wrapper for like h2, or h3, the font size that the headline will follow will still be the font size that is set to the headline element. However, you could freely change it from px to em to %. Here is a screencast that you can take a look to change the values.

That being said if you want the headline element to follow the font size of the theme’s CSS, you can simply use the Classic Headline element as its styling depends on the theme’s CSS including the % size that you shown in screenshot.

Thanks.

[MontreatDesigner]

Awesome. Thanks, y’all. That clears everything up I think. Have a great day!

[Prasant]

You are most welcome.