Change color of horizontal rule

  • Author
    Posts
  • #1414609

    thehungryma
    Member

    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.

    #1414726

    mrdirby
    Member

    @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);
    }
    #1414863

    thehungryma
    Member

    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.

    #1414876

    justpi
    Member

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

The topic ‘Change color of horizontal rule’ is closed to new replies.