Erin Pearson
asked 8 years ago

Hi, my website is http://www.happyhealthymusician.com
I can’t figure out how to change the menu color using the FOCUS theme. I do realize that is what the CSS code is for but am not familiar enough with the code to know what I would write. Please advise.
-e

1 Answers
DominicStaff
answered 8 years ago

Hi,
Change color of menu (example: menu bar to black and menu items to white.)
– To resolve this issue you can go to Dashboard / Appearance / Customize / General Settings, and add this code below to Custom wp_head() code section:

<style>
@media(min-width: 980px){
.navbar,
.navbar .nav .menu-parent-item:hover>.sub-menu,
.navbar .nav .menu-parent-item:hover .sub-mega-wrap {
background: #000;
}
.navbar .nav .menu-parent-item:hover>.sub-menu,
.navbar .nav .menu-parent-item:hover .sub-mega-wrap,
.navbar .nav .menu-item-object-category .sub-mega-wrap .subcat li {
border-color: #222;
}
.navbar .nav li a {
color: #fff !important;
}
.navbar .nav li a:hover {
color: #ee3224 !important;
}
.navbar .nav .current_page_item > a,
.navbar .nav .current-menu-item > a,
.navbar .nav .current-post-ancestor > a,
.navbar .nav .current-menu-parent > a,
.navbar .nav .current-menu-ancestor > a {
color: #ee3224 !important;
}
.navbar .nav li {
border-color: #222;
}
.navbar .nav .menu-item-object-category .sub-mega-wrap:before {
background-color: #222;
}
}
</style>

If you still face there issue, you can send me a screenshot for further checking.
Hope this helps !

Erin Pearson
replied 8 years ago

Hi, I did try this and it did not work to paste this code in the CSS. Where could I be going wrong?

Erin Pearson
replied 8 years ago

Okay, I did discover that I was trying to enter this code into the wrong section. I did find the proper location to enter the code but it make my page look like this when I do.

Erin Pearson
replied 8 years ago

I just changed the color of my actual to make this a non-issue. I would still like advice on how to change the actual text color but for now, my work around will work.

Erin Pearson
replied 8 years ago

I guess what I meant to say, was that I did not even find a solution to change the actual MENU words. I would still like to do this, as I could only change the menu BAR color. When I copied and pasted the code, it didn’t work so I changed the bar color as a temporary solution. Please advise.

Dominic Staff
replied 8 years ago

Hi,I have checked your site and you have disable our DW Focus theme, you can activate the DW Focus theme then send me your site and a screenshot for further checking, you can upload your image into (http://imgur.com)Regards,

Powered by DW Question & Answer Pro