[SOLVED] how to change the color of home bar?

[zerryxu]

I add a picture here:

 

I hope to change the color of background, and words color, thank you!

[tuk66]

Go to the /modules/blocktopmenu/css folder and search for .sf-menu class.

[vekia]

to change main background of first item (menu bar) you have to modify background param in:

.sf-menu {
margin: 10px 0;
padding: 0;
width: 980px;
background: #ffa07a;
}

it's a /modules/blocktopmenu/css/superfish-modified.css file

 

 

to cange background of sub-items:

 

you have to modify background param in:

.sf-menu li li {
background: rgba(113, 113, 113, 0.9);
}

and

.sf-menu li li li {
background: rgba(113, 113, 113, 0.9);
}

(the same file)

[zerryxu]

how to change the word color to black then?

[zerryxu]

by the way I don't understand this:   rgba(113, 113, 113, 0.9);

 

how to change then?

[NemoPS]

Black would be rgba(0,0,0,1).

 

The values are red, green, blue. opacity (alpha)

 

If you want, you can also use the hex, which is #000000 for black, like background: #000000

[zerryxu]

then where to change the word color, which is more I want to know, thanks!

[NemoPS]

Using the rule vekia suggested, you can try

.sf-menu li a {
color: white
}

[zerryxu]

I hope the word become black, it doesn't work

[NemoPS]

of course, this makes them white, just change white to black

[zerryxu]

I can't find the place

[zerryxu]

 

Using the rule vekia suggested, you can try

.sf-menu li a {
color: white
}

I can't find this place, I only find 

sf-menu a {

    display:        block;

    position:        relative;

    color:#fff;

    text-shadow:0 1px 0 #333;

I change the color to #000000, but it doesn't work

[vekia]

modules/blocktopmenu/css/superfish-modified.css

line 82

.sf-menu a, .sf-menu a:visited {
color: #fff;
white-space: nowrap;
}

[zerryxu]

it works thank you very much!

[vekia]

you're welcome

i marked whole topic as solved.

 

with regards,

milos