Increasing the spacing between the title on home page and the tagline

• 

  magazinemyra · Member · Apr 15, 2015 at 11:39 am

  • Copy link
  • Add topic to favorites

  I wanted to know if there was a CSS to increase the spacing (line spacing) between the title on the homepage and the tagline?

  Along with how I could increase the font size of the tagline?

  And increasing the spacing between the words on the tagline?

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

• 

  staff-jeanpierreac · Staff · Apr 15, 2015 at 11:54 am

  • Copy link

  Hi.

  If you mean “AN ALTERNATIVE PERCEPTION TO FASHION…” as tagline, you can do it by adding style rules to your theme CSS (Custom CSS)

  Your current tagline size is 13px. You can double it (24px) with this piece of code:

  .wf-active .desc { font-size: 24px; }

  About spacing between words, I am not sure to have understood. Could you please give an example?

• 

  magazinemyra · Member · Apr 15, 2015 at 12:00 pm

  • Copy link

  Thank-you so much that worked wonders.

  The spacing or line spacing between the title of the blog ‘creative documentaries’ to the tagline seems to close to each other – quite clustered.
  I wanted to increase the spacing between the the title of it and the tagline – is that possible?

• 

  staff-jeanpierreac · Staff · Apr 15, 2015 at 12:07 pm

  • Copy link

  Yes! :)

  You can set this gap:

  .wf-active .desc { margin-top:20px}

  Of course, you can adjust this 20px to your convenience.

• 

  magazinemyra · Member · Apr 15, 2015 at 12:11 pm

  • Copy link

  Thats perfect!

  The other one that I couldn’t find was
  Increasing the font size of the menu tabs (categories) at the top of my page… like “Myra magazine” / “Nelly’s Diaries” and so forth?

• 

  laughhearty · Member · May 13, 2015 at 12:09 pm

  • Copy link

  Hi! Not sure if you still need this answer.

  Increasing font-size by adding this to your custom CSS. Right now it is 17px. Just increase.

  .wf-active #access {
  font-size: 17px;
  }

  I noticed that if you increase the font past a certain size your navigation will not fit. In order to accommodate this you can increase the width of #access:

  #access {
  width: 55%;/*this is the default width. Gradually, increase to allow navigation to fit if needed.*/
  }