Change space between Social Icons?

JessGVi

I couldn't find this anywhere and my attempts have been feeble. Is there a way to change the gaps between Social Icons?

Also, does anyone know what's causing this color ting on my Social Icons/is there a way to fix it? The icon on the left is hovered using leftquark's code posted here. The actual hover area seems to be 1px smaller on both sides. Increasing the size of the Icons has the same effect only the lines on the side are more white. This seems to be a Chrome issue as I'm not having it in IE11


(It is live on my site currently)

The Mechanic

Hi JessGVi,

Here is some css code to add padding to your social icons:

.sm-user-ui .sm-page-widget-social-links .sm-fonticon {
padding-right: 20px;


}

Add this to a css block for your entire site.

I am not seeing this hover issue, but you may need to alter this other code you are using to match the icon size better.

Thanks -Scott