How to change social media icons to horizontal position

  • Author
    Posts
  • #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: http://findingwholehealth.com/

    The blog I need help with is findingwholehealth.com.

    #1333084

    I checked http://findingwholehealth.com/ 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!

    #1333086

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

    #1333154

    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?

    #1333155

    justpi
    Member

    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.