Need help? Check out our Support site, then


Change color of horizontal rule

  1. 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 thehungryma.wordpress.com.

  2. @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);
    }
  3. 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.

  4. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic