The Floating Social Plugin

How do I center and space the icons in my floating social plugin? The icons when displayed on my site are too close together and they're all aligned left so it looks jumbled. Is it possible to space and center the icons? Thanks.

  • Timothy Bowers
    • Chief Pigeon

    Hey wallen1975, Welcome to the WPMU Dev community!!

    In the admin you have:

    wp-admin/options-general.php?page=wdsb

    Where you can add additional CSS:

    #wdsb-share-box ul, #wdsb-share-box ul li {
    	margin: 10px 0 !important;
    }

    The original CSS is located here:

    /wp-content/plugins/sharebox/css/wdsb.css

    #wdsb-share-box ul, #wdsb-share-box ul li {
    	margin: 0 !important; padding: 0 !important;
    	list-style-type: none !important;
    }

    If that was edited it would look something like:

    #wdsb-share-box ul, #wdsb-share-box ul li {
    	margin: 10px 0 !important; padding: 0 !important;
    	list-style-type: none !important;
    }

    This adds 10px to the top of each social icon.

    Keep in mind everytime you update this plugin you will need to make those changes again. So adding the CSS through the admin section would be best. :slight_smile:

    Take care.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.