Topbar & Footer Font Color

[marketimpress]

I’ve having difficulty adjusting the font color for my Topbar text and my bottom footer links. I reviewed other posts and was able to change some text but not all.

In addition, how can I remove the the widgets from my topbar section?

Thank you for your assistance.

[friech]

Hi @marketimpress,

Thank you for writing in, please remove all your custom CSS with regards to the topbar and footer color, then work on this following custom CSS instead.

/*topbar text*/
header .x-topbar .p-info {
	color: #139257;
}
/*topbar links*/
header .x-topbar .p-info a {
	color: #139257;
}
/*topbar social icon links*/
header .x-topbar .x-social-global a {
	color: #139257;
}
/*topbar social icon and links hover*/
header .x-topbar .p-info a:hover,
header .x-topbar .x-social-global a:hover {
	color: red;
}

/*footer text*/
footer.x-colophon.bottom .x-colophon-content,
footer.x-colophon.bottom .x-colophon-content p {
	color: #139257;
}
/*footer links idle*/
footer.x-colophon.bottom .x-colophon-content a {
	color: #139257;
}
/*footer menu idle*/
footer.x-colophon.bottom .x-nav li a {
	color: #139257;
}
/*footer links and menu hover*/
footer.x-colophon.bottom .x-colophon-content a:hover,
footer.x-colophon.bottom .x-nav li a:hover {
	color: red;
}

See code comments for which block is for, feel free to change those color values.

Hope it helps,
Cheers!

[marketimpress]

Thank you that worked perfectly.

Still need to know though how to remove those social media icons from the topbar. Can you please explain how to remove them from showing?

[friech]

Hi @marketimpress,

To remove the social icons on the topbar, please navigate to X > Theme Options > Social and leave those input fields empty.

Cheers!

[marketimpress]

Thank you, that did the trick!

[friech]

You’re more than welcome, glad we could help.

Cheers!