Centralising Icons

Appear centered where? On which site?

Cheers.

You can see the widget at https://awediohub.com/about-us/

The password to view the page is socialstickers

I want the plugin to appear in the sidebar area….but it is left aligned. I would like it to always appear centred if possible? So even when somebody resizes the page, the icons always remain centred.

Could you please explain what code I need to add to achieve this?

Look forward to hearing from you
John

You need to switch to the advanced view in the settings.

Then go to the “Advanced tab” and edit the custom HTML output box and check the checkbox “Use custom HTML output”.

Before the sticker loop just add some basic HTML:

<div align="center">

And after the loop:

</div>

More about custom HTML outputting is written in the “Other notes” section: https://www.ads-software.com/plugins/social-stickers/other_notes/

Cheers.

Hi, thanks for the reply…unfortunately I cannot seem to get it to work. Could you please tell me exactly where I need to insert the code you sent me….

<p>Add me on any of the social networks!</p>
<p>
<div align=”center”>
{$stickers_start}
{$sticker_img_32}
{$stickers_end}
</div>
</p>

<p>We have {$facebook_likes} likes on Facebook and {$facebook_talking_about} people talking about us. We also have {$twitter_followers} followers on Twitter!

Is that correct? When I tried the above code….the icons disappeared….and this was displayed…

Add me on any of the social networks!

{$sticker_img_32}{$sticker_img_32}{$sticker_img_32}{$sticker_img_32}{$sticker_img_32}{$sticker_img_32}

We have likes on Facebook and people talking about us. We also have followers on Twitter!

Could you please paste me exactly what I should paste in the html box?

Many thanks

John

Update to version 2.2.1 first, because there was a bug in 2.2 regarding the custom HTML output.

Put this in the custom html box (if you don’t want the networks to open in a new window, just remove the target=”_blank”:

<div align="center">
{$stickers_start}
	<a href="{$sticker_url}" target="_blank"> <img src="{$sticker_img_url}" width="32" height="32" alt="{$sticker_name}" /></a>
{$stickers_end}
</div>

And please, if you have the time review this plugin or if you have some extra $, support this plugin and my time regarding support questions via a donation – https://gum.co/social-stickers

Cheers.

Thanks for the help. We are getting closer…

if you go on https://www.awediohub.com/about-us

You will see that the icons are now centred but they are not quite displayed perfectly…the second row doesnt sit perfectly under the first row.

Can you advise on fixing this?

Thank you for your excellent customer support!

John

Any news on this? Really want to put the social stickers on the site, but not until they look perfect.

I look forward to hearing from you

JOhn