[itsoktostop]

That’s ok, I do understand and I did forget to make it an icon.. Thanks the double background is fixed. I appreciate you guys.

[itsoktostop]

It’s hosted. When you hover over the icon on a computer (not mobile) instead of changing it’s brightness like the others, it changes into about four attached icons of the same. Like it duplicates itself upon hovering over it. Again is the social icon at the bottom of the left nav bar.

To get the amazon icon in there I used the exact code above. I changed youtube for my icon. This exact sequence of code was put in the Additional CSS area of the customize theme (live editor).

I added this per the other threads suggestion. Customize>Additional CSS>

.social li a.youtube { text-indent: -999em;background-image: url(“http://itsoktostop.com/wp-content/uploads/2020/01/amazon-icon-png-82.png”) !important;background-repeat: no-repeat;background-position: center center;background-size: 14px 14px !important;}

This is what it looks like on my website http://itsoktostop.com Now in Customize>Widgets>Footer Social Icons>Text>

[social_icon first_icon="yes" type="facebook" url="https://www.facebook.com/itsoktostop"]
[social_icon type="instagram" url="https://www.instagram.com/its.ok.to.stop/"]
[social_icon type="pinterest" url="https://www.pinterest.com/itsokstostop/"]
[social_icon last_icon="yes" type="youtube" url="https://www.amazon.com/s?rh=n%3A7141123011%2Cp_4%3Aitsoktostop&ref=w_bl_sl_s_ap_web_7141123011"]

[itsoktostop]

I’m sorry to keep posting. I’ve now got it all there. However, when I hover over it, it repeats. I placed this in.

.social li a.youtube { text-indent: -999em;background-image: url(“http://itsoktostop.com/wp-content/uploads/2020/01/amazon-icon-png-82.png”) !important;background-repeat: no-repeat;background-position: center center;background-size: 14px 14px !important;}

How can I stop it from doing this once I hover over it?

[itsoktostop]

I’ve got it there… but it’s way off center and when I hover over it, it disappears. How can I correct that?

[itsoktostop]

Where to I edit my css? Via the visual or theme editor?