Headings are all Italics and Logo padding on Scroll

[frankburder]

Hi,

On a site I’m developing, all of the headings are in italics. I’ve checked the settings in both the Fonts and Typography sections but I can’t seem to find where this is being set. Any ideas?

[Prasant]

Hello @frankburder,

Thanks for asking.

I checked the theme options panel and can see that the Italics option is disabled. Then I checked our issue tracker and there is a known bug related with heading italics. For now please add following CSS under Pro > Theme Options > CSS:

body {
    font-style: normal  !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-style: normal  !important;
}

Thanks.

[frankburder]

That did the trick, thanks.

[Prasant]

You are most welcome.

[frankburder]

@Prasant I have one more thing I can’t figure out. On my header on scroll, the header shrinks. I can’t figure out how to add some padding to the top/bottom of the logo.

I also can’t seem to be able to make the logo larger (I’m using SVGs) even after loading a larger size.

Any ideas?

[mldarshana]

Hi There,

Could you please try adding the following CSS rule into your Theme Options > Global CSS area and see if that helps.

.e112-9.x-bar.x-bar-top.x-bar-h.x-bar-relative.x-hide-md.x-hide-sm.x-hide-xs.x-bar-outer-spacers.x-bar-fixed {
    height: 120px !important;
}

Hope that helps.

[frankburder]

No luck. That ended up throwing off the vertical alignment on scroll and also didn’t resize the logo.

[Alaa]

Hi frankburder,

I’ve added a custom class in the Header Builder for this bar as you can see in this screenshot:

Then, I’ve added this CSS snippet in the Header Builder CSS:

.black_bar.x-bar-fixed, .black_bar .x-bar-content {
     height: 125px!important; 
}

This issue should now be fixed.
Thanks.

[frankburder]

That did the trick! Thanks!

[ruenel]

You are most welcome!