Return to Support

How do I change color on this line?

Home Forums Graphene WordPress theme Support How do I change color on this line?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #9583
    KingSwiff
    Member

    How do I change color on this line?

    Skærmbillede-2014-12-06-kl.-20.21.29.png

    #44045
    Anonymous
    Member

    This is the current code:

    .menu-bottom-shadow {
    background: url('images/sprite_h.png') repeat-x scroll left top #EEE;
    }

    Change it to this one (with your desired color):

    .menu-bottom-shadow {
    background: repeat-x scroll left top #000000 !important;
    }

    The line is an image images/sprite_h.png so you either change the color in a graphic editing software such as Gimp to keep the gradient effect or you use the code above.

    You can also check out the following link to get the gradient effect but I haven’t tested it.

    http://www.w3schools.com/css/css3_gradients.asp

    #44046
    KingSwiff
    Member

    Your are right, this works – but the line are very thick – and whenever I put in “1px”, it have no effect.

    How can I make the line 1px thick?

    You have helped me several times, can I ask for your first name, Anonymous?

    #44047

    Try:

    .menu-bottom-shadow {
    background: none;
    border-bottom: solid 1px #999;
    }

    #44048
    Anonymous
    Member

    Just as addition, you can use border-top instead of border-bottom in the code Kenneth posted. This displays the line right below the navigation bar just like it originally was.

    ZCne5P2.png

    2L8ELCU.png

    #44049
    KingSwiff
    Member

    Thanks again guys!

    Exactly what I want and look better, In my opinion 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.