Increase font size in title section

• 

  nicolasritter · Member · Dec 28, 2017 at 7:57 am

  • Copy link
  • Add topic to favorites

  Hi there.
  I am currently using the harmonic theme for my website http://www.rihaindustries.com. I would like to increase the font size of the title section. I was wondering if this is possible through CSS as this is included in my account.

  Many thanks
  Nicolas

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

• 

  yoga1103 · Member · Dec 28, 2017 at 8:14 am

  • Copy link

  Hi,

  Are you trying to increase the font size of your site title (i.e. Riha Industries)?
  You could try this CSS:

  #masthead h1, #masthead h1 a, #masthead h2, #masthead h2 a {
      color: #fff;
      font-size: 1.2em;
  }

  You can try with different values for font-size to see what size you want the title to be.

• 

  nicolasritter · Member · Dec 28, 2017 at 12:00 pm

  • Copy link

  Thanks for getting back at me. I am actually trying to increase the font size of the front page not the front title.

  I am trying to increase the parts that says:
  WELCOME TO RIHA INDUSTRIES – WHERE INNOVATION MEETS PRECISION

  Cheers
  Nic

• 

  thesacredpath · Member · Dec 28, 2017 at 6:44 pm

  • Copy link

  Hi @, add this to your custom CSS (it was originally 40px) and you can adjust as desired. I’ve limited this to screens/windows 480px and wider since on screens narrower than that, it would end up breaking words in the middle of them since you have some pretty long words in that heading.

  @media screen and (min-width: 480px) {
    #header-branding h2 {
      font-size: 60px;
    }
  }

• 

  nicolasritter · Member · Dec 29, 2017 at 3:44 am

  • Copy link

  Thanks mate, has worked out very well!

• 

  kathrynwp · Staff · Jan 2, 2018 at 3:46 pm

  • Copy link

  Glad that did the trick! Free to start a new thread if you need help with anything else.