Tagged: bold, Fonts, google fonts, header
-
AuthorPosts
-
February 21, 2015 at 3:38 pm #400079
Hi there!
I would like to use the Pacifico font for my headers (H1, H2, H3) which looks too thick when displayed as bold. How can I turn this off?
Thanks for your help!
DanielFebruary 21, 2015 at 3:42 pm #400080…also I would like to turn off the automatic caps of the headers (e. g. “Enfold” instead of “ENFOLD”). Thanks!
February 23, 2015 at 10:10 am #400466February 23, 2015 at 11:11 am #400511Hi Rikard,
Thanks for looking into this. The website is still under construction but you can check it out at http://buerogemeinschaft-herne.de/buerogemeinschaft/
I already solved the caps issue by entering the following into the Quick CSS field:
h1, h2, h3 {
text-transform: none !important;
}But how can I change the header fonts from bold to normal?
Cheers,
DanielFebruary 23, 2015 at 11:13 am #400513Hey!
Please add following code to Quick CSS
.av-main-nav > li > a { font-weight: normal; }
Best regards,
YigitFebruary 23, 2015 at 11:48 am #400541Hi Yigit,
Thanks for your super fast response!
I added your code to the Quick CSS field but the header font remains bold. On the Google Fonts page the “Pacifico” font type looks different. Check out these screenshots:
https://dl.dropboxusercontent.com/u/42791286/GoogleWebFonts_Pacifico.jpg
https://dl.dropboxusercontent.com/u/42791286/Enfold_QuickCSS.jpgBest regards,
DanielFebruary 23, 2015 at 11:50 am #400542Hi!
The code i posted targets main menu links. Please use following code instead
h1, h2, h3, h4, h5, h6 { font-weight: normal!important; }
Best regards,
YigitFebruary 23, 2015 at 12:33 pm #400583Great, that solved the issue with the bold headers. Thanks!
There is just one little problem left. The letter “D” of my header is cut off by a few pixels on the left:
https://dl.dropboxusercontent.com/u/42791286/Pacifico_HeaderCutOff.jpgOn the Google Fonts page you can see what the “D” is supposed to look like:
https://dl.dropboxusercontent.com/u/42791286/Pacifico_HeaderNotCutOff.jpgAny idea how to solve this too? Thanks again!
Best regards,
DanielFebruary 23, 2015 at 1:00 pm #400597Hey!
Please add following code to Quick CSS as well
.av-special-heading-tag { padding-left: 4px!important; }
Regards,
YigitFebruary 23, 2015 at 1:10 pm #400604Perfect, thanks!
February 23, 2015 at 1:12 pm #400613Hi!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Cheers!
Yigit -
AuthorPosts
- The topic ‘Turning "bold" for header fonts off’ is closed to new replies.