Need help? Check out our Support site, then


How to change social media icons to horizontal position

  1. 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.

  2. 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!

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

  4. 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?

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

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

Topic Closed

This topic has been closed to new replies.

About this Topic