How to center Sassy Social Share widget

Hi Kenneth,

Try this. Keep the Horizontal Alignment to left and add following CSS in the Custom CSS option in Miscellaneous section at plugin options page:
div.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul{left: 38%;}

Hi Heateor,

Thanks, but the css doesn’t seem to change the position (I copy-pasted from your post)
Can you take a look at it again?
I appreciate your help with this!

Sorry. My bad. Replace previous CSS with the following:
div.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul{left:38%;position:relative;}

Yes that is much better – it works fine on laptop and desktop but it is still off center on mobile.. can this also be fixed? Thanks!

Replace previous CSS with following:
ul.heateor_sss_sharing_ul{width:234px;margin:0 auto!important;}
Please note that you would need to increase the width in above CSS if you add more icons in social share widget and decrease it if you exclude icons.

Thanks, but that doesn’t work – the icons go back to being left aligned. That goes for both desktop/laptop and mobile. I tried decreasing and increasing the pixel width in the script, but only difference was the icons started getting stacked with the decrease.

Oh. Try using !important for the width. Replace previous CSS with following:
ul.heateor_sss_sharing_ul{width:234px!important;margin:0 auto!important;}

Okay, on mobile (vertical) it’s almost center aligned, but if you turn the mobile to horizontal the icons aligns to the left again. On desktop/laptop the icons stay left aligned, not centered at all…

So I reached out to the nice people at SiteOrigin and asked for their help. The site is build with one of their themes. Alex from their support provided this script:

ul.heateor_sss_sharing_ul {
width: 100%;
text-align: center;
}

ul.heateor_sss_sharing_ul li {
float: none !important;
display: inline-block;
}

And it did the trick! Oh, and in the settings of the Sassy plugin you have to choose left alignment.

Okay. Great, will incorporate it in the code of the plugin.

Improved center alignment of standard share icons in version 3.2.13 of plugin.