Aligning social media buttons in text widget horizontally

  • Thank you

    (@thank-you-1)


    11 years, 8 months ago

    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)

    11 years, 8 months ago

    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;

    Thread Starter Thank you

    (@thank-you-1)

    11 years, 8 months ago

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

    Michael

    (@alchymyth)

    11 years, 8 months ago

    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; }

    Thread Starter Thank you

    (@thank-you-1)

    11 years, 8 months ago

    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.