Docs

[lisacole1]

Hi, on http://www.glowfertility.com/
I’ve used

.x-social-global a.facebook{
	background-color:#3b5998
}

.x-social-global a.twitter{
	background-color:#00abf0
}

etc. to get the colours of the social media icons to show without a roll over in the header.

How can I get it to do that on the footer as well please.

[Thai]

Hi There,

Please add the following CSS:

.x-colophon.bottom .x-social-global a {
    color: #fff;
    font-size: 26px;
}

Hope it helps 🙂

[lisacole1]

perfect! thank you so much!

[Friech]

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

Cheers!

[lisacole1]

How do I get that to work in the header as well please – it is dependent on the nav bar font colour at the moment.
I tried

.x-colophon.top .x-social-global a {
    color: #fff;
    font-size: 26px;
}

but it didn’t make a difference

[Friech]

Hi There,

Replace the .x-colophon.bottom with .x-topbar.

e.g.

.x-topbar .x-social-global a {
    color: #fff;
    font-size: 26px;
}

Hope it helps, Cheers!

[lisacole1]

doh! I was so close, yet so far!
huge thanks!

[Friech]

You’re more than welcome.

Cheers!

[Author]

Posts