Classic Custom Headline

How can I change the padding between the top and bottom of the letters in classic custom headline. As you can see below the bottom of “home of” is being cut off.

Hi There,

Thanks for writing in! Basically you can use our helper classes to control the margins of your elements. You just need to assign them to your elements.

For example we have a predefined class mtn to remove top margin and mbn to remove bottom margin.

For more information, please refer to our guide here (https://theme.co/apex/forum/t/customizations-element-spacing/211).

Thanks!

Do you have a link to other pre defined classes?

Also can I place more than one definition in the class box? mtn and mbn work but font is way too big.

Hi here,

Yes, you may add as many classes as you want in the class field of an element. Just make sure to separate then with a space.

You can find more information about the helper classes here:

https://xthemetips.com/css-helper-classes/105/

Hope this helps.

I’ve tried all the helper classes. Nothing fixed the extra white space above the letters in the second line that are clipping the ones from the line above.

I"ve added this css to get my red line

.with-line span {background: #fff; padding: 0 15px; }

.with-line {position: relative; z-index: 1;}

.with-line:after {border-bottom: 3px solid #D80002; content: “”; position: absolute; top: 45%; left: 0; right: 0; width: 100%; z-index: -1;}

without this css for with-line the text looks great. Any suggestions going forward? Seems to be in h4.

Hi There,

Can you please try increasing the line heaight of the heading. Adding custom css to the heading like
line-height: 1.5 or 2.

If that doesn’t help please provide us the website URL so that we can suggest you better.

Thanks

1.15 did the trick … Thank You.

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.