WordPress.org

Support

Support » How-To and Troubleshooting » Aligning social media buttons in text widget horizontally

Aligning social media buttons in text widget horizontally

  • Thank you
    Member

    @thank-you-1

    how can i align the social media button in text widget horizontally on one line.Mine after inserting the codes are appearing vertically.I just wanted them to appear on one horizontal line inside the text widget.

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael
    Forum Moderator

    @alchymyth

    you can use html and inline css in a textwidget;
    for instance, try to wrap each social media button into a span with float:left;

    Thank you
    Member

    @thank-you-1

    Okay Boss,me being a novice,I would be grateful if you could go a little bit into a detail instruction.Thanks.

    Michael
    Forum Moderator

    @alchymyth

    can you post exactly what code you have used so far in your textwidget?

    general idea-
    within the textwidget:

    <span class="social-media-button-1">CODE OF BUTTON ONE</span>
    <span class="social-media-button-2">CODE OF BUTTON TWO</span>
    <span class="social-media-button-3">CODE OF BUTTON THREE</span>

    in style.css, added (example, adjust width values):

    .social-media-button-1 { float:left; width:50px; }
    .social-media-button-2 { float:left; width:50px; }
    .social-media-button-3 { float:left; width:50px; }

    Thank you
    Member

    @thank-you-1

    Okay comrade,thanks for the help.Too be frank i have not used any code.All i did was just paste the social media button code each with its own paragraph tag inside the text widget.

    See i have proved that i am really a novice.Thanks once more.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Aligning social media buttons in text widget horizontally’ is closed to new replies.