Site tagline not centered even though CSS code says so

• 

  nitorelli · Member · Oct 25, 2018 at 5:44 pm

  • Copy link
  • Add topic to favorites

  Hello, I’ve just taken over a student society website and I’m struggling to make the site’s tagline centered. All the forums I’ve checked suggest a CSS code that seems to already be in place. This is how the CSS is at the moment:

  #masthead.site-header {
  text-align: center;
  }

  a:hover {
  text-align: center;
  }

  .has-header-image #hero-header .inner {
  text-align: center;
  }

  .has-header-image #hero-header .site-title {
  text-align: center;
  }

  .site-branding {
  text-align: center;
  }

  p {
  text-align: justify;
  font-size: 15px;
  text-indent: 0px;
  margin-left: 0px;
  font-family: Tahoma;
  line-height: 1cm;
  }

  But as you can see, the tagline is aligned to the left: http://www.cavendishchronicle.co.uk

  Can anyone help me with this?

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

• 

  garysixtyeight · Member · Oct 25, 2018 at 6:15 pm

  • Copy link

  Hi there,

  Please try adding the CSS below to the bottom of the customizer in Appearance > Customize > Additional CSS:

  .site-description {
      text-align: center;
  }

  If the CSS doesn’t have the desired effect, please let me know.

  I hope this helps :)

• 

  nitorelli · Member · Nov 4, 2018 at 12:09 pm

  • Copy link

  It worked! Thank you very much! :D

• 

  garysixtyeight · Member · Nov 5, 2018 at 10:47 pm

  • Copy link

  You’re welcome, glad I could help :)