Change color of horizontal rule

• 

  thehungryma · Member · Aug 30, 2013 at 7:29 pm

  • Copy link
  • Add topic to favorites

  I would like to change the horizontal rule color in the header and on the bottom. Does anyone know how to change the color of the horizontal rule?

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

• 

  mrdirby · Member · Aug 30, 2013 at 8:24 pm

  • Copy link

  @thehungryma

  For the footer do you mean the bar that goes all the way across the bottom? If so, add this to your custom css. And edit the color code.

  The last digit inside the parentheses is for transparency. Here is a site where you can find the RGB color code you need. http://www.colorpicker.com/

  #site-generator-wrapper {
  background: rgba(255, 216, 232, 0.1);
  }

  I’m not sure exactly what you mean by horizontal rule in the header. I’m guessing you mean the bar behind the title. To edit that area add this to your custom css and the color editing process is the same as above.

  #site-title a {
  background: rgba(255, 255, 255, 0.6);
  }

• 

  thehungryma · Member · Sep 2, 2013 at 1:41 pm

  • Copy link

  Thanks for your help. I’ve pretty much given up getting the border to disappear. The horizontal line actually is the border around the header image. I only found this out after uploading the site header image. The horizontal line near the bottom is a puzzle, but I really gave up trying to change it.

• 

  justpi · Member · Sep 2, 2013 at 2:31 pm

  • Copy link

  Add these and replace 456789 with the hex for the color you prefer:

  #slider-wrap {
      border-bottom: 1px solid #456789;
      border-top: 1px solid #456789;
  }
  #footer {
      border-top: 1px solid #456789;
  }