Tagged: enfold, H1, h2, special heading
Hi,
how do i make the special heading more bold? I’ve been looking everywhere in the general layout and styling menu but cannot seem to find it.
Kindly advise.
Thank you!
Hey dalen550,
Try this code in the General Styling > Quick CSS field:
.av-special-heading-tag {font-weight:bolder !important;}
This code is very general and will change all of them, we can target only one page or section if you like but we will need to see the page first.
Best regards,
Mike
I haven’t been able to get this code to work, it seems that with one of the latest updates to Enfold Special Headings are bold by default but on mobile they lose their bold attribute. I have tried the following code but it just isn’t working.
@media only screen and (max-width: 990px) {
#top .av-special-heading-tag strong {
font-weight: 700;
}}
Hi,
Please include the url to the page in question so we can take a closer look as to why it’s losing the bold when viewed as mobile and provide some css that will ensure this doesn’t happen.
Best regards,
Mike
here you go, i have tried a bunch of stuff so hopefully you can figure out the issue
Hi,
I see that you have many special headings on the page and I assume that you would like them bold though out the site, please try this css in your WordPress > Customize > Additional CSS field:
#top .av-special-heading h2.av-special-heading-tag,#top .av-special-heading h1.av-special-heading-tag {
font-weight: bolder !important;
}
Best regards,
Mike