H6 style in all caps

[aaustin69]

Hello,

Whenever I select H6 for my font text style, the text shows up in all caps. Is there a way to change this so that it works the same as the other headings (1-5)?

Thanks,

Alan

[Ratiocinator]

In your ACP, go to “General Options” under “Theme Options.”

Inside the “Custom CSS” field enter:

h6 {
text-transform: none !important;
}


[aaustin69]

Thanks Ratiocinator. I also just noticed that the font is bold. Is there a way to remove this?

[Ratiocinator]

Yes sir:

h6 {
text-transform: none !important;
font-weight: normal !important;
}


Note that the !important part at the end will override any other CSS declarations elsewhere on the page. This is nice as we don’t have to open/edit/mess around with Flexform’s default CSS file which may become overridden if you ever update the theme.

[aaustin69]

Thanks again for the very quick response. Yes, it has been my goal to make any style changes within the general theme options section in order to avoid anything being overridden later.

[aaustin69]

Hi Ratiocinator. I know this is a different issue, but I was just wondering if you know of a way to center the social icon shortcode in the footer section, without going into the css file itself? It always wants to align to the left.

Thanks,

Alan

[Ratiocinator]

Hi Alan,

I don’t use the social icon shortcode in my footer so I’m not sure. Would you mind linking to your site and I can possibly have a fix for you shortly after?

[aaustin69]

This reply has been marked as private.

[aaustin69]

Hey Rationcinator,

Sorry to bug you. I have one other question. I want to use the h5 style in the footer as well, but I noticed that it automatically left justifies, even when I center it with html. The other headers get centered, but h5 does not for some reason. Do you happen to know how to center this using Theme Options?

Thanks again,

Alan

[Ratiocinator]

Hi Alan,

I’m not an official support/staff for Swift Ideas so I can’t see your link to help you with your social icon footer request. (I’m just trying to help others while I wait for my issue/request to be helped with.)

For your h5 question I’m going to take a stab and advise you to add this to your custom CSS:


h5 {
text-align: center !important;
}


Note, however, that this will center align the h5 EVERYWHERE on your site. If you just want to center h5 inside your footer do:


#footer h5 {
text-align: center !important;
}


[Cosmin – SUPPORT]

Hi Alan,

If you need to center all your footer widget headings, use this custom CSS in the General theme options:

#footer-widgets .widget-heading {
    text-align: center;
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[aaustin69]

Thanks Cosmin.

[Melanie – SUPPORT]

You’re welcome 🙂