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

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


Viewing 4 replies - 1 through 4 (of 4 total)
  • 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;

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

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

    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.