WordPress.org

Ready to get started?Download WordPress

Forums

Social Stickers
[resolved] Centralising Icons (8 posts)

  1. jskehill
    Member
    Posted 11 months ago #

    Could you please help me make the icons always appear centred? At the moment they are left aligned. I assume that you add code to the html output box? But I just do not know what code is needed. Could you please paste it here?

    Many thanks

    John

    http://wordpress.org/plugins/social-stickers/

  2. Boštjan Cigan
    Member
    Plugin Author

    Posted 11 months ago #

    Appear centered where? On which site?

    Cheers.

  3. jskehill
    Member
    Posted 11 months ago #

    You can see the widget at http://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

  4. Boštjan Cigan
    Member
    Plugin Author

    Posted 11 months ago #

    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: http://wordpress.org/plugins/social-stickers/other_notes/

    Cheers.

  5. jskehill
    Member
    Posted 11 months ago #

    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

  6. Boštjan Cigan
    Member
    Plugin Author

    Posted 11 months ago #

    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 - http://gum.co/social-stickers

    Cheers.

  7. jskehill
    Member
    Posted 11 months ago #

    Thanks for the help. We are getting closer...

    if you go on http://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

  8. jskehill
    Member
    Posted 11 months ago #

    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

Reply

You must log in to post.

About this Plugin

About this Topic