Support » Fixing WordPress » Aligning social media buttons in text widget horizontally

  • Thank you

    (@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

    (@alchymyth)

    Forum Moderator

    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

    (@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

    (@alchymyth)

    Forum Moderator

    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

    (@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.