How to change social media icons to horizontal position

  • Author
  • #1332862

    I’ve been trying various html and css methods and I’m still unable to get my social media icons to line up horizontally instead of vertically.

    They are:
    img 1
    img 2
    img 3

    I want:
    img 1 img 2 img 3

    I have the watson theme and the customization package.

    Thanks in advance!

    Here’s the website:

    The blog I need help with is


    I checked and I found that your social media icons were updated to display in a horizontal list already. It looks like you used the following CSS to make the update:

    .icons {
    	text-align: center;
    .icons_img {
    	display: inline-block;

    Nice work!


    Thanks! It took a lot of trial and error but I think they look pretty good. Thanks so much for following up with me!


    Oh no – I’ve been messing around and cannot remember how I need to structure the html in the text widget to call upon the css I created to make them line up horizontally! Can you remind me what sort of “div” code I need?



    You don’t need to add anything in the widget. Just add this in the CSS editor:

    #text-3 img {
        display: inline-block;

The topic ‘How to change social media icons to horizontal position’ is closed to new replies.