Size of the "heading font"

9 posts from 3 voices

• Started 1 year ago by raffoz
• Latest reply from lio119
• This topic is not a support question

Tags:

• size font

1. 

   raffoz
   Member

   In the preferences i changed the heading font.

   Is there a way to modify the size of the font i choose?

   Thanks! :)

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   the heading font sizes can be found in style.css - search for following code:
   

   h1{clear:both; font-size:20px; font-weight:normal; text-transform: none;}
   h2{font-size:18px; clear:both; font-weight:normal; text-transform: none;}
   h3, legend{font-size:12px; clear:both;}
   h4{font-size:12px; clear:both; text-transform: uppercase;}
   h5{font-size:11px; clear:both; text-transform: uppercase;}
   h6{font-size:10px; clear:both; }

   I'd copy & paste the code in css/custom.css and change the font size(s) there.

   Posted 1 year ago #
3. 

   raffoz
   Member

   thanks!

   1) do you know why when i load the site for a very little time appears the old font , and immediately after the new one?
   it seems that the new font isn't loaded before the page, but only after...

   2) what are the fonts that the theme uses if i choose the layout "big content size"?

   Posted 1 year ago #
4. 

   Dude
   Dude

   1) This effect is caused by the cufon js script. It replaces the "standard" web font with your custom font you selected in the backend/option panel.

   2) It uses the same font like all other h1 headlines, etc. If you refer to the font size - you can change it with following code:
   

   #top .entry-mini h1.post-title {
       font-size: 50px;
   }

   Posted 1 year ago #
5. 

   raffoz
   Member

   thanks

   Posted 1 year ago #
6. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 1 year ago #
7. 

   lio119
   Member

   Hi,

   I did as you said, I copied and pasted this
   h1{clear:both; font-size:20px; font-weight:normal; text-transform: none;}
   h2{font-size:18px; clear:both; font-weight:normal; text-transform: none;}
   h3, legend{font-size:12px; clear:both;}
   h4{font-size:12px; clear:both; text-transform: uppercase;}
   h5{font-size:11px; clear:both; text-transform: uppercase;}
   h6{font-size:10px; clear:both; }

   into the blank space at the bottom of css/custom.css and then I played with the font sizes in there, but it didn't seem to change the font size on sakhr.co.uk/test (the bit that says "Joining us from..." - i want to get that all on one line).

   Many thanks.

   Posted 1 year ago #
8. 

   Dude
   Dude

   Hey,
   use following code to adjust the font size:
   

   #top .entry-mini h1.post-title {
       font-size: 50px;
   }

   Posted 1 year ago #
9. 

   lio119
   Member

   Perfect! That worked, thanks Dude :)

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.