Title on blog .site-title {

• 

  yourfinesthour · Member · Mar 18, 2019 at 1:01 am

  • Copy link
  • Add topic to favorites

  Hi there … So I have a website that used to display its title on one line. For some reason it is displaying on three lines. Any idea how to change this? I have tried and tried Nothing works.

• 

  yourfinesthour · Member · Mar 18, 2019 at 1:11 am

  • Copy link

  My website is Running with Rhyno

  Any help would be appreciated!

  Thank you

• 

  mahmoudosman · Member · Mar 18, 2019 at 3:37 am

  • Copy link

  Hello yourfinesthour,

  Hope you’re doing well! Can you try adding this CSS code for me? It looks like there’s a max-width set on the site-title block at 320px.

  Try this –

  .site-title {
  max-width: 620px.
  }

  Hopefully this does the trick!

• 

  yourfinesthour · Member · Mar 18, 2019 at 11:38 am

  • Copy link

  Hi there!
  So I went here and changed the max-width to 620px but it didn’t work. Still scratching my head.

  .site-title {
  align: center;
  font-family: ‘Source Sans Pro’, sans-serif;
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 4px;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  max-width: 320px;
  }