WordPress.org

Ready to get started?Download WordPress

Forums

Aligning social media buttons in text widget horizontally (5 posts)

  1. Thank you
    Member
    Posted 1 year 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.

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year 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;

  3. Thank you
    Member
    Posted 1 year ago #

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

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year 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; }
  5. Thank you
    Member
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.