Title: Setting Margin/Padding In Widgets
Last modified: August 19, 2016

---

# Setting Margin/Padding In Widgets

 *  Resolved [AmandaNoelle82](https://wordpress.org/support/users/amandanoelle82/)
 * (@amandanoelle82)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/)
 * If you look at my [blog](http://www.tipdiva.com), the text in the widgets is 
   flush against the edge. I don’t know what to change in the CSS to leave a little
   margin or padding (I can’t figure out the difference!) Every time I play around
   with the code, something goes screwy. Here is the code for left widgets as it
   is now (right is the same except for “float”):
 *     ```
       #leftnav
       {
       font-size: 12px;
       float: left;
       width: 180px;
       margin: 10px;
       padding-top: 4px;
       margin-top: 0;
       margin-bottom: 20px;
       margin-right: 5px;
       text-align: left;
       }
       ```
   
 * or it even may be this:
 *     ```
       #sidebarleft
       {
       margin-bottom: 10px;
       background: none;
       padding: 0 8px 0 8px;
       }
       ```
   
 * What can I do to give it about a 10px buffer around the text?

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

 *  [marjiec](https://wordpress.org/support/users/marjiec/)
 * (@marjiec)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698525)
 * I suggest removing the div tag that surrounds the text. You should be able to
   do this with the plugins parameters, remove text align center.
    Now you should
   be able to style the plugin with padding but you will need to add some CSS in
   your stylesheet. Add this .wp_quotes_quote{ padding: 6px; } This will pad your
   text. Hope it works, let me know.
 *  Thread Starter [AmandaNoelle82](https://wordpress.org/support/users/amandanoelle82/)
 * (@amandanoelle82)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698528)
 * Marjiec, I used the <div> tags as a quick fix, because it was honestly hard to
   read. It’s not just the quotes widget; it’s the “About Tip Diva,” “Entrecard,”“
   Subscribe,” and “Categories” widgets.
 * Is there one fix that will pad all of my widgets that aren’t using unordered 
   lists?
 *  [marjiec](https://wordpress.org/support/users/marjiec/)
 * (@marjiec)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698533)
 * They have the same situation, the div align center problem. That has to be taken
   away then you can use CSS and the div class that is in place to change the padding.
   
   In this case it is .textwidget. If this is not in your CSS page add it, this 
   should take care of the padding. The last four widgets you mentioned are different
   than the diva one, use the code I sent first for that one. Remember to remove
   the div align center from your widgets first.
 *  Thread Starter [AmandaNoelle82](https://wordpress.org/support/users/amandanoelle82/)
 * (@amandanoelle82)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698536)
 * EDIT – Actually, quotes one didn’t fix correctly
 *  [marjiec](https://wordpress.org/support/users/marjiec/)
 * (@marjiec)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698539)
 * Try using ‘#wp_quotes: padding: 6px;’
    There is also an id tag around the quote,
   this one should work. Your site never fully loads for me.
 *  Thread Starter [AmandaNoelle82](https://wordpress.org/support/users/amandanoelle82/)
 * (@amandanoelle82)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698542)
 * Where does it stop loading? No one else has complained, so I didn’t know there
   was a problem.
 *  Thread Starter [AmandaNoelle82](https://wordpress.org/support/users/amandanoelle82/)
 * (@amandanoelle82)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698543)
 * The quotes worked, thank you so much!
 * Guess I now have to work on the other problem 🙂
 *  [marjiec](https://wordpress.org/support/users/marjiec/)
 * (@marjiec)
 * [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698549)
 * I’m glad it is now working.
    Also your page loaded fine for me this time.

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

The topic ‘Setting Margin/Padding In Widgets’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [margin](https://wordpress.org/support/topic-tag/margin/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)
 * [text](https://wordpress.org/support/topic-tag/text/)
 * [widgets](https://wordpress.org/support/topic-tag/widgets/)

 * 8 replies
 * 2 participants
 * Last reply from: [marjiec](https://wordpress.org/support/users/marjiec/)
 * Last activity: [18 years, 3 months ago](https://wordpress.org/support/topic/setting-marginpadding-in-widgets/#post-698549)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics