Anyway to add a horizontal white line between title and tagline?

• 

  mdanezahorsky · Member · Feb 23, 2014 at 1:07 am

  • Copy link
  • Add topic to favorites

  I’m trying to add a white line under my title, I’ve been able to do this in the “inspect element” feature under edit html code by adding the following code:

  ---

  Every time I try to do this in the custom theme CSS editor nothing happens.

  but I don’t really know what I’m doing and as soon as I refresh it’s gone, any suggestions would be immensely helpful.

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

• 

  thesacredpath · Member · Feb 23, 2014 at 2:36 am

  • Copy link

  Hi there, add the following and see what you think. I had to shift things around a little with line height and some margin settings to get things to look good, but you can play with the margins and line height to get the spacing you desire – and of course the top margin thickness and color.

  .site-title {
      margin-bottom: 15px;
  }
  .site-description {
      border-top: 2px solid #FFFFFF;
      line-height: 50px;
      margin-bottom: 1em;
  }

• 

  mdanezahorsky · Member · Feb 23, 2014 at 2:42 am

  • Copy link

  This worked perfectly! thank you so much!

• 

  thesacredpath · Member · Feb 23, 2014 at 2:53 am

  • Copy link

  You are welcome.