Padding around custom text widget area
 

I've been trying to figure out how to add padding to the custom widget that I registered on the home page but I think I am overlooking something obvious. I added this to my css but it doesn't seem to care:

.custom-slider{
padding: 0 0 30px;
width: 100%;
}

Any help is appreciated.

http://mindschmootz.net/development/

There is not a div on your home page with a class of "custom-slider" assigned to it.

Can you give me an easy example of how to do that?

How to do what?

How to add a div on my home page with a class of "custom-slider" assigned to it

You don't need another div. You need to use the class name that you assigned to the div you already added "custom-slider-widget-area"

I am sorry for not understanding very well. Do you mean change my css to:

.custom-slider-widget-area {
padding-top: 30px;
width: 100%;
}

Because I did and nothing changed?

You've added it within the 300px responsive rule. I find it's less confusing for people if they just add all new rules above the responsive section and make sure to close the 300px responsive rule:

And you're adding padding to the top now instead of the bottom like in your original rule.

Wow, now I feel silly that it was that simple. Thank you.

And yes I changed my mind about wanting it on top.

You're welcome :):