Visual theme: reduce Heading font size

• 

  nilla2014 · Member · Mar 19, 2017 at 10:01 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’d like to reduce the H1-H6 tag’s font-size in the CSS. I’ve used the following but this doesn’t seem to work, many thanks for your help.

  .entry-title {
  font-size: 2px rem;
  }

  .entry-content h1 {
  font-size: 2px rem;
  }

  .entry-content h2 {
  font-size: 2px rem;
  }

  .entry-content h3 {
  font-size: 1.875px rem;
  }

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

• 

  dianakcury · Member · Mar 20, 2017 at 4:41 am

  • Copy link

  Hi there,

  The code should be without the px:

  .entry-title {
  font-size: 2rem;
  }
  
  .entry-content h1 {
  font-size: 2em;
  }
  
  .entry-content h2 {
  font-size: 2rem;
  }
  
  .entry-content h3 {
  font-size: 1.875rem;
  }

  Let us know if this worked.

• 

  nilla2014 · Member · Mar 20, 2017 at 10:30 am

  • Copy link

  Whoops, didn’t see the pesky px!

  Many thanks. :-)

  I noticed that the font-weight is 700 for my headings and when I change this figure the weight doesn’t alter. Any suggestions?

  Cheers

• 

  nilla2014 · Member · Mar 20, 2017 at 10:35 am

  • Copy link

  Ignore my last question, got it working.
  Thanks again :)