Eighties Theme Title Header Font Size

• 

  aarbab · Member · Feb 13, 2015 at 7:52 pm

  • Copy link
  • Add topic to favorites

  I was wondering somebody can help me adjusting the font size of my site title. I tried to use CSS but I only get to change the headings font size:
  header: {font-size:22px}
  which affects the tagline but not the site title font size.

  Thanks,
  Armin

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

• 

  staff-happychia · Staff · Feb 14, 2015 at 3:06 am

  • Copy link

  This is the rule that is resulting in the current font size:

  .site-title {
  font-size: 8.88888888888889rem;
  }

  Please add this rule and adjust the rem value to your preferred font size.

• 

  aarbab · Member · Feb 16, 2015 at 4:00 am

  • Copy link

  Thank you for your response. I kept trying but somehow I could not get it to work. Not sure why.

• 

  staff-happychia · Staff · Feb 16, 2015 at 7:21 am

  • Copy link

  I can see you have the following custom CSS:

  site title {
      font-size: 22em
  }

  The selector should be .site-title.

  So a . (dot) and – (hyphen between site and title) are missing in what you have currently. So it is not effective.

  It is interesting. Yesterday the rule I gave you in my previous update worked but today I see more specific rule. So add this and adjust the size ( 2 rem) to your preference.

  .wf-active .site-title {
    font-size: 2rem;
  }

• 

  staff-happychia · Staff · Feb 16, 2015 at 7:23 am

  • Copy link

  Please try this CSS. Change 2rem to whatever size you prefer.

  .wf-active .site-title {
    font-size: 2rem;
  }

  I see you have

  site title {
      font-size: 22em
  }

  in the CSS Editor. This CSS is syntactically incorrect. Never mind what’s wrong with it. Just use the aforementioned rule and let me know if it is not effective. :-)

• 

  aarbab · Member · Feb 16, 2015 at 1:34 pm

  • Copy link

  Yes, that worked! Thanks so much!
  Armin