Title: Adding space between widgets
Last modified: August 18, 2016

---

# Adding space between widgets

 *  [showgirl](https://wordpress.org/support/users/showgirl/)
 * (@showgirl)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/)
 * Hello
 * I need to add some space between my widgets as they’re all close together. I’ve
   had to add empty widgets to add more space. I have played around with margins,
   padding and borders to no avail so can someone tell me what’s wrong. The site
   is [http://www.urbanspirit.co.uk](http://www.urbanspirit.co.uk).
 * Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [cogmios](https://wordpress.org/support/users/cogmios/)
 * (@cogmios)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/#post-621336)
 * You dont need to add empty widgets. You can add to the before widget and after
   widget a div and just css the div. e.g. see: [http://www.cogmios.nl/index.php?s=widgets](http://www.cogmios.nl/index.php?s=widgets)
 *  Moderator [Samuel Wood (Otto)](https://wordpress.org/support/users/otto42/)
 * (@otto42)
 * WordPress.org Admin
 * [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/#post-621342)
 * He doesn’t even need to do that.
 * Add these to the CSS:
 *     ```
       .sidebar ul li {
       padding-bottom: 20px !important;
       }
       .sidebar ul li ul li{
       padding: 0px !important;
       }
       ```
   
 * Adjust the 20px to whatever size you want. And eliminate the empty widgets you
   were using.
 * Also, when playing with CSS, I highly recommend using Firefox and the Web Developer
   Addon. It will let you change the CSS contents of any page on the fly, and see
   what the results look like immediately. No need to change and reload over and
   over, just mess with it until you get it, and then copy and paste your results.
   Much simpler.
 *  [Root](https://wordpress.org/support/users/root/)
 * (@root)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/#post-621346)
 * Why does everbody do this !important thingy ?:)
 * Once it began – everybody is at it.
    Its a complete misuse of the CSS. IMHO. 
   Led by Kubrick of course. 🙂
 *  Moderator [Samuel Wood (Otto)](https://wordpress.org/support/users/otto42/)
 * (@otto42)
 * WordPress.org Admin
 * [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/#post-621347)
 * In this particular case, !important happened to be required. Try it without it,
   no worky. Okay, so I could have dived further into the CSS and figure out why,
   but you know, screw that. 😛
 *  [kmessinger](https://wordpress.org/support/users/kmessinger/)
 * (@kmessinger)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/#post-621364)
 * For me to accomplish this I changed the stye.css.
 * Original
 *     ```
       #sidebar ul li {
       	list-style-type: none;
       	list-style-image: none;
       	margin-bottom: 15px;
       	}
       ```
   
 * New
 *     ```
       #sidebar ul li {
       	list-style-type: none;
       	list-style-image: none;
       	padding-bottom: 100px;
       	margin-bottom: 15px;
       	}
       ```
   
 * I am not an expert on css but so far have seen no ill effects.
 *  Thread Starter [showgirl](https://wordpress.org/support/users/showgirl/)
 * (@showgirl)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/#post-621450)
 * Thanks everyone, Otto your suggestion worked so thanks a lot. I’ve now got the
   widgets spaced out but there are still 2 spacing issues I am unsure of.
 * 1. The 1st widget is over the header logo, how do I bring that down and make 
   it start at a more neater place?
 * 2. The widget containing “Free workshop” is very spaced out indeed, how do I 
   bring the boxes up closer to the writing.
 * Site again is [http://www.urbanspirit.co.uk](http://www.urbanspirit.co.uk)

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Adding space between widgets’ is closed to new replies.

## Tags

 * [adding space](https://wordpress.org/support/topic-tag/adding-space/)
 * [widgets](https://wordpress.org/support/topic-tag/widgets/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 5 participants
 * Last reply from: [showgirl](https://wordpress.org/support/users/showgirl/)
 * Last activity: [18 years, 7 months ago](https://wordpress.org/support/topic/adding-space-between-widgets/#post-621450)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics