How to make nav inline menu white text on dark background

Support
#1

https://velocitydigit.com/

#2

Hi There,

Thank you for writing in, please inspect your Inline navigation element, under the Toplinks tab find the Primary Text Styling options. You’ll see a Text Color option.



Hope it helps,
Cheers!

#3

No I think that would change the top header?

The reason why I have created this section is to use as a footer. When I started using the pro header all my widgets in my top footer area stopped appearing so i was going to make this section a block and add it to every page.

Is there another way to get my old (non pro top footers to appear?

#4

Hi again,

We’re sorry that was for Header Builder. To change the text color of navigation inline menu items, you can simply go to Navigation Inline element’s settings in Pro content builder. Under the Top Links tab find the Primary Text Styling section and change Text Color (see screenshot)

To switch back to non pro footer, go to Theme Options > Footer and click on Switch back to Original Footers

Now to enable the top footer, enable the Footer Widget Areas by selecting an option of number of widget columns (see screenshot)

You can then add widgets to your footer widget area via WP Admin > Appearance > Widgets

Hope this helps!

#5

Awesome thanks for the clarification.

I switched on the old footer however the home page shows it all in white. But all the othr pages the white for the title and the hours are missing

The CSS code is
.x-colophon.bottom a { color: white; } /* bottom footer link color /
.x-colophon.bottom a:hover { color: #d4d7d4; } / bottom footer link hover color /
.x-colophon.bottom { background-color: black; } / bottom footer background /
.x-colophon.top { background-color: black; } / top footer background /
.x-colophon.top a { color: white; } / top footer link color /
.x-colophon.top a:hover { color: #d4d7d4; } / top footer link hover color /
}
.widget_contact_info .h-widget { background-color:#000000; color: #fff; }
.widget a { color: white; } / top footer link color /
.widget a:hover { color: #d4d7d4; } / top footer link hover color */
}
.confit-phone, .confit-hours { color: #fff; }
.widget_contact_info-2 .h-widget .h4 { color: #fff; }

#6

Hello @VelocityWeb,

Please update your css and use this:

.x-colophon.bottom a { color: white; } /* bottom footer link color */ 
.x-colophon.bottom a:hover { color: #d4d7d4; } /* bottom footer link hover color */ 
.x-colophon.bottom { background-color: black; } /* bottom footer background */ 
.x-colophon.top { background-color: black; } /* top footer background */ 
.x-colophon.top a { color: white; } /* top footer link color */ 
.x-colophon.top a:hover { color: #d4d7d4; } /* top footer link hover color */

.widget_contact_info .h-widget { background-color:#000000; color: #fff; }
.widget a { color: white; } /* top footer link color */ 
.widget a:hover { color: #d4d7d4; } /* top footer link hover color */


.confit-phone, .confit-hours { color: #fff; }

.widget_contact_info-2 .h-widget .h4,
.x-colophon .widget { color: #fff; }

Please let us know if this works out for you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.