Change background color in each menu item

[rreyes7658]

Can someone tell me how to change the background color of each menu section individually? Example is attach.

Attachments:

You must be logged in to view attached files.

[sharmstr]

Go into your menu item and add a css class. If you dont see this option, click on Screen Options in the upper right hand corner and enable it. Also, make sure its something unique (blog-menu instead of blog). Then add the appropriate css to Theme Options > General > Quick Css.

Example

CSS Class: blog-menu

Quick CSS:

COPY CODE

.blog-menu {
    background-color: red;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[rreyes7658]

Nice. It worked. I was writing the CSS code straight on the child theme and it didn’t do anything.

For other people reference, to change the font color of each section use:

Example.

.blog-menu a {
color: white;
}

[rreyes7658]

Thanks Sharmstr!

[sharmstr]

You’re welcome

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts