Beski menu colour

Essencreative · April 2016

Hello support,

Is it possible to give each menu item rollover a different colour on the Beski theme?

Here's hoping!

Thanks,

Essen

Albert · April 2016

Hi Essen,

do you mean to change background color of each menu item on hover? If that's what you mean, please send us link to page where you want do this.

Thanks!

Essencreative · April 2016

Yep, that's exactly what I mean!...

http://www.squibber.co.uk/

cheers,

Essen

Albert · April 2016

Ok. So to do this, you need to use custom css:

.menu-highlight #Top_bar .menu > li#menu-item-xxx a:hover { background-color: #000 !important; color: #FFF !important; }

where xxx is menu item ID.

Accordingly to the css we left above, you need to use this code for each item that you want to change background color on hover

Essencreative · April 2016

That's great! works perfectly, but if I changed the menu from being the "highlight" option to the "line below" menu what changes do I need to make?

Thanks,

Essen

Albert · April 2016

It depends what exactly you want to do then. Would be great if you can send us link to page where you got such menu style.

Essencreative · April 2016

sure, take a look at http://www.squibber.co.uk/

Albert · April 2016

But you did not explained what exactly you want to do? Also change background color on hover?

Essencreative · April 2016

I just want it to look as I've got it now, but to use different colours when they're rolled over rather than the same? Basically the same as my original question, but with a different menu style.

Thanks,

Essen

Albert · April 2016

Please use the following css then:

#Top_bar .menu > li#menu-item-xxx a:hover { background-color: #000 !important; color: #000 !important; }

Essencreative · April 2016

Thats great, thank you.

Albert · April 2016

You're welcome!

Beski menu colour

Comments