WordPress.org

Ready to get started?Download WordPress

Forums

How to close unwanted Gaps in a table? (2 posts)

  1. Graphic Design Harrogate
    Member
    Posted 2 years ago #

    I have used the 'text' widget to insert a simple social media table in the right hand menu bar at http://juliabrunton.com/blog/

    I'm a WordPress beginner and would like to know how to remove the gaps appearing between buttons? The code I have used is

    [Code moderated as per the Forum Rules. Please use the pastebin]

  2. Marventus
    Member
    Posted 2 years ago #

    Hi,

    You need to target your divs through CSS.
    First of all, make sure all your social media icons are set to:

    display:block;
    float:left;

    inside the container that is holding them. If you want them aligned to the right, you would use:

    float:right;

    However, that will change the order of your icons, so you might have to reorder them in the HTML if you want to keep your current order.

    Then, try to play with the divs' width property. If that doesn't work, try with negative margins to bring them closer.
    Some of your media icons might have inline css (i.e., set in the HTML) properties defined. You can try to override those using the !important attribute. Example:

    #connect_widget_4eb3fd05dfa128457830480 {
    width: 80px!important;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic