[ChristopherModerator]

Hi there,

Please add this :

.x-entry-share .x-share:hover {
    background-color: transparent;
}

Please find following code and remove background-color property.

.x-entry-share .x-share {
   background-color: #02A1E1;
    color: #fff;
}

Hope it helps.

[xtjoeywxParticipant]

I’m sorry but your last post was confusing. Where do I add that code? In the Custom CSS area?

Also, I wouldn’t know where to look to find this:

.x-entry-share .x-share {
   background-color: #02A1E1;
    color: #fff;
}

[LelyModerator]

Hello There,

Sorry for the confusion.
You can add and find those CSS in Appearance > Customize > Custom > CSS.

Hope this helps.

[xtjoeywxParticipant]

Ok cool. That’s done. 🙂 Now how do I put space between each social icon? When I made them larger it put them closer together.

[ChristopherModerator]

Hi there,

Please add this in customizer as well :

.x-entry-share .x-share {
    margin: 0 0.7em;
}

Hope it helps.

[xtjoeywxParticipant]

Perfect. Thank you!

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts