• How do you make the social media icons horizontal? I’m using the “Lifestyle” theme and they’re vertical. lizdickerson.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Go to your dashboard > Appearance > Editor > style.css and replace your:

    .sidebar li, .footer-widgets li {
        list-style-type: none;
        margin-bottom: 6px;
        padding: 0;
        word-wrap: break-word;
    }

    with

    .sidebar li, .footer-widgets li {
        list-style-type: none;
        margin-bottom: 7px;
        padding: 15px;
        word-wrap: break-word;
        float: right;
    }
    Thread Starter lizdickerson

    (@lizdickerson)

    Thank you, this worked! Now that they’re horizontal, how do I center them?

    Change:

    .footer-widgets .col-3 .widget-area {
        float: left;
        padding: 0 40px 0 0;
        width: 33.33%;
    }

    to

    .footer-widgets .col-3 .widget-area {
        float: left;
        padding: 0 40px 0 0;
        width: 63.33%;
    }

    It’s basically changing the width’s value. If you want to move it further to the right then just increase the value/

    Thread Starter lizdickerson

    (@lizdickerson)

    Ah I see. Thank you so much!!!

    You’re welcome! Glad I could help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to make social media icons horizontal’ is closed to new replies.