Widgets: title with background and no padding but retain content padding

[pobrien]

Hi there, I'm using the sample child theme and I currently am trying to get the widgets to have no padding around the title, but retain the padding around the content.

What I have in the image below is reflected with this:

.sidebar .widget {
    padding: 20px;
}

I can't seem to find a way to have the title with no padding, but padding within the content *for every widget* (text, blogroll, etc).

Or do I have to apply this to each individual widget that I have? Anyone have any ideas?

Thanks for the help

[emasai]

Target the title using .sidebar .widget-title and for the content, target the .sidebar ul tag if it is a menu like you show.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[pobrien]

So no way to blanket all widgets without having to specify ul tags? Not all my widgets are ul.

I could remove the padding, and apply content padding to each one - just looking for a more programmatic approach to all

[emasai]

That will blanket all the titles in the sidebar widgets and the ul tags, but if you have other content p tags, you would have to target those as well.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts