How do I change color on this line?

KingSwiff
December 6, 2014 at 7:27 pm #9583

How do I change color on this line?
Anonymous
December 6, 2014 at 9:09 pm #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
December 6, 2014 at 10:04 pm #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
December 7, 2014 at 3:28 am #44047
Try:
```
.menu-bottom-shadow {

background: none;

border-bottom: solid 1px #999;

}
```
Anonymous
December 7, 2014 at 7:55 am #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.

KingSwiff
December 7, 2014 at 8:04 am #44049

Thanks again guys!

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