Change colour of Social Sharing Icons

[ABC]

I copied the following code from a previous post to modify the social sharing icons [footer] and this is pasted into Quick CSS in KLEO THEME – GENERAL, no problem.

#footer .kleo-social-icons li {

display: inline;

font-size: 40px;

}

#footer .kleo-social-icons .ts-text {

display: none;

}

 

Just wanted to know how I can change the icon(s) to BLACK and my site’s ORANGE on hover. Any tips?

Thanks as always

PS. Not quite as important, but can the spacing between the icons be increased too?

[sharmstr]

Those aren’t social sharing (just to be clear). Not sure why you want to change the icons to black since you wont be able to see them. But in any case, try this.

COPY CODE

#footer .kleo-social-icons li {
    display: inline;
    font-size: 40px;
    padding-right: 20px;
}
#footer .kleo-social-icons i {
    color: #000 !important;
}
#footer .kleo-social-icons i:hover {
    color: orange !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[ABC]

Thanks sharmstr (as always).

Please just conform that I need to place this code in the Footer CSS (Theme Options) yes?

Your comment about not seeing the “social icons” made me chuckle – of course I will be changing the Footer colour otherwise indeed, – They would be black-on-black, kinda dumb! (haha)

I have a request to remove the slight border around the Main Menu but I will open a new ticket, as I think it will help others too.

Excellent response as always 🙂

[sharmstr]

You need to put the code in your Quick css located in Theme Options > General.

🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[ABC]

Thank you. Sorted!

[Author]

Posts