Dark social icons

[nathanscamera]

How do I change the social icons to black and the text to white in the top header? I’ve tried [social style=’dark’] but it didn’t work for me.

[Kyle – SUPPORT]

It should be

[social style=’light’]

🙂

– Kyle

[nathanscamera]

Thank you for the response Kyle. I’m trying to change the social icons to black, the soical stlye=’light’ seems to keep them white.

[Kyle – SUPPORT]

Sorry I thought you meant, you had a black background and wanted the icons white. Please can I see your link and I will try and solve this for you? It may help if you could provide me with a login.

– Kylw

[Kyle – SUPPORT]

Looks like it’s being overwritten by the link color. Please try this custom css:

ul.social-icons.dark li a {
  color: #222222!important;
}

– Kyle

[nathanscamera]

Thank you Kyle, no apologies necessary. Worked like a charm. One last question (for this topic) how would I make the text white for only the top bar?

[Kyle – SUPPORT]

No problem 🙂

In the color customiser (screenshot)

– Kyle

[nathanscamera]

Thank you, I apologize for missing that one. Thought it might of worked with short codes.
One last question for this topic and I appreciate all your time and patience, in order to increase the text size in the top bar can I add <h1></h1> or <h2></h2> tags around the text?

[Kyle – SUPPORT]

If you like

Or you can just add this custom css:

#top-bar {
  font-size: 15px;
}

– Kyle

[nathanscamera]

Looks like it’s not working for me. I tried adding a !important; see if that gives it a little priority but nothing.

[Kyle – SUPPORT]

What’s the link again? I will check for you.

Just to confirm, did you remove the h tags?

– Kyle

[nathanscamera]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Looks to me like you’ve still got a h3 tag (screenshot)

– Kyle

[nathanscamera]

Damn, you were right. Took off the wrong h tags, works great now. Thank you for your patience and help!

[Kyle – SUPPORT]

No problem 🙂 Glad I could help