Padding around custom text widget area

[mindschmootz]

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/

[SoZo]

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

[mindschmootz]

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

[SoZo]

How to do what?

[mindschmootz]

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

[SoZo]

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"

[SoZo]

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:

@media only screen and (max-width: 300px) {

	.home-featured-1,
	.home-featured-2,
	.home-featured-3,
	.home-featured-4 {
		padding: 0 0 30px;
		width: 100%;
	}
	}

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

[mindschmootz]

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

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

[SoZo]

You're welcome