Change Size of H1

• 

  shannonrey · Member · Oct 20, 2016 at 5:42 pm

  • Copy link
  • Add topic to favorites

  I have the Business Identity theme and noticed that there is a huge difference in font size between H1 and H2. Is there a way to force H1 smaller to be smaller? I’d like something between the current size of H1 and H2.

  I’ve tried this code, but it doesn’t seem to work:

  body {
  font-size: 100%;
  }

  h1 {
  font-size: 2.000em;
  }

  h2 {
  font-size: 1.875em;
  }

  p {
  font-size: 0.875em;
  }

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

• 

  thesacredpath · Member · Oct 21, 2016 at 1:47 am

  • Copy link

  Are you talking about for in the content area? h1 is also used for site title and, in some cases, the titles on pages and single post pages. Since you are using custom fonts, the selectors will have to be more specific than just h1, h2, etc., but where you want to change will also have an affect on the selector as there could be a number of different h1 sizes, depending on where it is used.

• 

  shannonrey · Member · Oct 21, 2016 at 4:12 am

  • Copy link

  This would be the text for my Homepage – the text that is seen over my Homepage image.

  Thanks!

• 

  thesacredpath · Member · Oct 21, 2016 at 10:47 pm

  • Copy link

  Hi, the following would allow you to adjust the h2 font size in the hero section at top instead of using h1. See if this works for you. The size I have in the following is the size it is now.

  #hero h2 {
      font-size: 1.5625rem;
  }