How do I change color on this line?

  • KingSwiff

    #9583

    How do I change color on this line?

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

    Anonymous

    #44045

    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

    KingSwiff

    #44046

    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?

    Mod

    Kenneth John Odle

    #44047

    Try:

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

    Anonymous

    #44048

    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

    KingSwiff

    #44049

    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.