How to increase the size of my sites header (site name at the top of the pages)

• 

  emilyjaneflorist · Member · Aug 1, 2014 at 10:54 am

  • Copy link
  • Add topic to favorites

  I would like to increase the size of my sites header that displays at the top of each page. Not the page header but the site header. How can I do this?

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

• 

  thatrobyn · Member · Aug 1, 2014 at 2:08 pm

  • Copy link

  Hello there!

  In order to adjust the header size, click Appearance → Customize in your site’s Dashboard. Then, click CSS in your right-hand menu. In the CSS Revisions box, please paste the following underneath all existing text:

  .wf-active #site-title {
  font-size: 60px;
  }

  Then Save your changes.

  I arbitrarily chose 60px for your site title size. You can adjust that number as you’d like.

  I hope this helps! Take care.

• 

  emilyjaneflorist · Member · Aug 1, 2014 at 7:00 pm

  • Copy link

  Thank you so much – very easy to do and worked straight away. Much appreciated!

• 

  emilyjaneflorist · Member · Aug 1, 2014 at 7:15 pm

  • Copy link

  Sorry I just realised the tagline hasn’t increased in size. Could you give me the code for that too? Thank you very much!

• 

  thatrobyn · Member · Aug 1, 2014 at 7:50 pm

  • Copy link

  Certainly! Utilizing the same inital instructions as before, add the following CSS code beneath your Title Size adjustment code:

  .wf-active #site-description {
  font-size: 24px;
  }

  Please let us know if you have any other questions. Thanks much!

• 

  emilyjaneflorist · Member · Aug 1, 2014 at 8:13 pm

  • Copy link

  Thanks again!

• 

  thatrobyn · Member · Aug 1, 2014 at 8:49 pm

  • Copy link

  My pleasure!