Display image widgets horizontally

  • alinutzac · Member ·

    Good afternoon,

    Would you happen to have an idea on how could I display the 3 image widgets on my left side bar horizontally? The Instagram,Pinterest & Google+ follow me buttons that I inserted. It would be very helpful if I could have these 3 inline, instead of one below the other.

    Thank you so much in advance for your time and support!

    Kind regards,

    Alina C

    The blog I need help with is: (visible only to logged in users)

  • thesacredpath · Member ·

    Hi there, instead of using Image Widgets, I would suggest the Social Media Icons Widget although it does not support Google Plus at this time.

    An alternative would be to add the them into a Text Widget, which is explained in more detail here.

  • alinutzac · Member ·

    Good morning,

    Thank you very much for your reply!
    I’m afraid that the Social Media Icons does not work for me, as I need Google+ as well, they are too small for my needs and I tried configuring them with my social media username, however it didn’t link properly so I quit the idea.

  • alinutzac · Member ·

    I will try to play more with the social media buttons using HTML editing and hope it will work for my needs.

    Many thanks again for your response.

    Wishing you a great day ahead,

    Alina C

  • thesacredpath · Member ·

    Alina, add a text widget to your footer widget area and then copy/paste the following code into it. What I did was to view the source code for your social image widgets and then copy out the image/link code and adjust a bit of the code. See what you think with this. 

    <div style="text-align:center;">
<a href="https://www.instagram.com/jurnaldehoinar/"><img style="padding-right:10px;" width="50" height="30" class="alignnone" title="Urmăreşte-ne pe Instagram!" src="https://jurnaldehoinar.files.wordpress.com/2016/04/download.png?w=50&h=30"></a>

<a href="http://www.pinterest.com/alinaciornei50/"><img style="padding-right:10px;" width="50" height="30" class="alignnone" title="Urmăreşte-ne pe Pinterest!" src="https://jurnaldehoinar.files.wordpress.com/2016/04/pinterest_favicon-300x300.png?w=50&h=30"></a>

<a href="https://plus.google.com/104964988385892180200/posts?banner=pwa"><img width="50" height="35" class="alignnone" title="Urmăreşte-ne pe Google+!" src="https://jurnaldehoinar.files.wordpress.com/2016/04/google_plus.png?w=50&h=35"></a>
</div>
  • alinutzac · Member ·

    Good morning,

    It is exactly what I wanted and the icon display that I needed.
    Thank you much for your effort and for your time, much appreciated, it looks great:)

    Thank you again and wishing you a great day ahead!

  • thesacredpath · Member ·

    Hooray and you are welcome. Let us know if you have additional questions or problems. :)

  • The topic ‘Display image widgets horizontally’ is closed to new replies.