Is it possible to change? "Top menu" color..

[johnnathan]

Is it possible to change? “Top menu” color..

Attachments:

You must be logged in to view attached files.

[guy_fraser]

Yes, go in to Admin > Theme Options > General Settings and scroll to the bottom of the page and you’ll see a Quick css box. Enter something like the following:


.top-bar {
/* styles for entire top bar */
}
.top-menu {
/* styles for just the menu part of the top bar */
}


You can inspect the HTML in that area and find more info on CSS as described in this comment: https://archived.seventhqueen.com/forums/topic/ui-feedback/#post-16566

[johnnathan]

I tried this

.top-bar {
color:#7D3306;
}

.top-menu {
color:#db6218
}

but nothing happens ..

“Thanks for your help” 🙂

[guy_fraser]

The existing text colours are probably defined with higher ‘specificity’ than other elements, meaning that you’ll need to make your own CSS more specific.

For example:

.header-color .top-menu li > a {
color: #db6218;
}

The mouse hover state will probably be (I’ve not checked):

.header-color .top-menu li > a:hover {
color: #db6218;
}

To change the background colour of the whole top bar you’ll need to use ‘background-color’ instead of ‘color’, for example:

.social-header {
background-color: #f00;
}

[designing]

Yeah I also added the code to try and change the header color, but nothing changed at my end either

[Pedroml]

Example:

#my-menu-name li a{color:#000000;}
#my-menu-name li a:hover{color:#ffffff;}

[johnnathan]

Thnx it works 😀

[Author]

Posts