How do I change the colour of the 'line' in my blogposts?

• 

  luxurytravelexpert · Member · Jun 10, 2015 at 9:27 am

  • Copy link
  • Add topic to favorites

  I often use a ‘line’ in my blogposts. For example, in this blogspot, you see that each of the 10 items from the top 10 list is separated by a light grey line: http://theluxurytravelexpert.com/2015/06/08/top-10-best-rooftop-bars-in-new-york-city/. However, I would like the colour of that line to be dark grey instead of light grey. How can I change that ? What is the CSS code? Your help is much appreciated!

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

• 

  staff-happychia · Staff · Jun 10, 2015 at 9:37 am

  • Copy link

  We can use this CSS to change all the horizontal lines to dark gray.

  hr {
    background-color: #A9A9A9; //darkgray
  }

  Let me know if you only want the horizontal lines in the posts to dark gray so we can make the rule a bit specific.

• 

  luxurytravelexpert · Member · Jun 10, 2015 at 9:44 am

  • Copy link

  Thx so much for your kind help. Yes, I would like to change the color of only the horizontal lines in my posts. Can you provide me a more specific code?

• 

  staff-happychia · Staff · Jun 11, 2015 at 9:12 am

  • Copy link

  This rule says, “Hey browser, change the color of horizontal line only if it appears in the single post’s entry content” :)

  .single-post .entry-content hr {
     background-color: #A9A9A9; //darkgray
  }