Top bar fonts and social media color

[isa1978]

Hey guys
I don’t see where I can change the top bar social media and text color.

I want to put this grey #76777b
also in the hover.

I have tried to see other threads but nothing worked.

I used this
.x-topbar p.p-info {color: #76777b;}

.x-topbar a {color: #76777b;}

but the text didn’t change…

could you please help?
thanks

Boundless Roads

[friech]

Hi @isa1978,

Thank you for writing in, please update your custom CSS to this:

header .x-topbar .p-info a,
header .x-topbar .x-social-global a {
	color: red;
}

This is for both Topbar Content text color and topbar social icons color

The hover color can be changed under Theme Options > Header > Navbar Links Hover

I see that your site is under caching/minifying plugin, please clear those plugin/feature to see the changes immediately.

Let us know how it goes,
Cheers!

[isa1978]

Hey there,
it worked except that I had to change the red color…

however I also want to change the color of the vertical dividers that are between the links ( Home I Photography…)

also would it be possible to do the same for the footer text?
thanks a lot
cheers
isabella

[friech]

Hi Isabella,

For the vertical dividers please use this:

/*vertical divider color*/
header .x-topbar .p-info {
	color: #76777b;
}

For the footer, please use this:

/*footer content*/
footer.x-colophon.bottom .x-colophon-content {
	color: #76777b;
}
/*footer links*/
footer.x-colophon.bottom .x-nav li a {
	color: #76777b;
}
/*footer social icon*/
footer .x-social-global a {
	color: #76777b;
}

Don’t forget to clear your cache.

Cheers!

[isa1978]

great thank you so much it worked

[friech]

You’re welcome,
Cheers!