Docs

[flowdivision]

Hello,

How can I change menu backround color and menu font color on a single page.

Please see link: http://www.flowdivision.com/producten/

Regards Steven,

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.page-id-186 .ubermenu-main {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

Hope that helps.

[flowdivision]

Hi Darshana,

Thank you for your reply! I added your code in CSS, backround color changed in black but there is a white outer line, font color needs to be in white (is in blue now)

[Lely]

Hi There,

Please update to this to remove white border line:

.page-id-186 .ubermenu-main {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
}

For the font color, use this:

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #fff;
}

Hope this helps.

[flowdivision]

Hi, White border is gone, thank you for this update.

Font color only has to be white on one singel page (page ID-186) code turned Some other pages into menu white font color aswell!

[Paul R]

Hi,

You can change the code to this.

.page-id-186 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #fff;
}

Thanks

[flowdivision]

Thank You! Good service! Good theme!

[Thai]

You’re most welcome 🙂

[flowdivision]

Hi there,

Sorry to boder you again but menu symbol on mobile is still in blue,on product page ID-186 (please see attached picture)
Is there a CSS code to change this in white color?

[flowdivision]

(please see attached picture)

[Rue Nel]

Hello There,

Thanks for updating in! To resolve this mobile issue, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.page-id-186 .ubermenu-responsive-toggle {
    color: #fff !important;
}

Hope this helps. Please let us know how it goes.

[flowdivision]

Hi, Code worked fine! Thanks again for a great service!!

[Paul R]

You’re welcome! 🙂

[Author]

Posts