Title Font Size

• 

  schadestylli · Member · May 20, 2015 at 3:20 pm

  • Copy link
  • Add topic to favorites

  Hi there

  Does anyone know how to change the font size of the title that comes with the body text without altering the size of the main heading please?

  Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · May 20, 2015 at 3:28 pm

  • Copy link

  All CSS editing is theme specific editing. Your blog is private so Volunteers cannot view it and you did not state which theme you are working with. Would you like to do that now?

• 

  schadestylli · Member · May 20, 2015 at 3:50 pm

  • Copy link

  I have just unlocked the site which is still under construction. The titles should now appear (with no body text). The theme I am using is Penscrtach.

  Thank you for the help!!!

• 

  schadestylli · Member · May 20, 2015 at 3:50 pm

  • Copy link

  Sorry …. that is ‘Penscratch’

• 

  staff-totoro · Staff · May 21, 2015 at 4:36 am

  • Copy link

  Hi there,

  You can try the following block of code, entered into the CSS tab of your site customizer here: https://wordpress.com/customize

  Here is the code to paste in:

  h1.entry-title {
    font-size: 30px !important;
  }

  If you like you can tweak that size value (30px) to find what works for you. Feel free to experiment, and be sure to save your changes when you are done.

  Cheers!

• 

  schadestylli · Member · May 21, 2015 at 5:49 am

  • Copy link

  Thank you so much …. I will give it a go!

  Kind wishes

• 

  schadestylli · Member · May 22, 2015 at 6:42 am

  • Copy link

  Hi again

  I’m completely new to WordPress and the block of code you provided was simple and easy to use and worked! Thank you so much.

  Is it possible to us a similar block of code to enable the font of all my body text to be Sorts Mill Goudy please?

  Kind wishes

• 

  staff-totoro · Staff · May 22, 2015 at 8:14 pm

  • Copy link

  Hi there,

  Glad that worked for you. :)

  Regarding your font question, you can use the following:

  body {
  	font-family: sorts-mill-goudy, sorts-mill-goudy-1, sorts-mill-goudy-2 !important;
  }

  One thing to be aware of is that this code is very heavy-handed in that every font on your site will be in Sorts Mill Goudy, period.

  The !important declaration overrides the fonts you set in the Fonts tab in the customizer, so can’t really use the Fonts tab while this rule is in place if you want to make changes later.

  Hope that helps!

• 

  schadestylli · Member · May 23, 2015 at 7:00 am

  • Copy link

  Thank you! Works a treat. I should probably learn how to write CSS. Very useful.

• 

  staff-totoro · Staff · May 23, 2015 at 5:35 pm

  • Copy link

  Great, glad I could help!

  If you are interested in understanding more about how CSS works, this is a great place to start: https://cssworkshop.wordpress.com/

  You’re right, it’s very useful. :)