Decrease padding or margin between widget title and element

[restmin]

I am trying to decrease the spacing/padding/margin between the HOME PAGE widget titles and the element below it. The screenshot I have attached shows the spot exactly. I cannot find the correct CSS to fix it. thanks!

http://invisibleillnessweek.com

[Porter]

It appears you're editing the site right now (that side bar piece is shown way below on the left side for me). If you return it to it's normal state, I can likely solve this for you.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[restmin]

Thanks, the widget IS where I want it... I also had someone put in some extra widgets. The layout is fine on the homepage.

I just used this particular widget as an example.

I'd like the spacing decreased on all homepage widget titles between the title and the element.

The pink box in my screen shot isn't meant for layout, just to clarify. I was just pulling it out to show the before (and hopefully after) of spacing between the widget title and widget element.

Sorry if I am redundant, just trying to make sure it is clear 🙂

[Porter]

I can't figure out how to get it snug, but I can reduce it significantly. In your style.css, search for:

margin-bottom: 32px;

Change that to 0px; (or just remove that line) for the biggest decrease in space, and anything between 0 and 32 to adjust it compared to where it is now. That piece of css should appear near .widget, or similarly related classes.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[restmin]

I played around with this a bit, but there are a lot of
margin-bottom: 32

It does work, but it decreases the title of the widget with the widget above it... which is the opposite of what I need unfortunately. I am trying to decrease the size... in a widget... between the widget's title and the widget's content.

It seems adjusting the margin-bottom just decreases the size between the widget title and the widget content in the widget ABOVE it.

Or maybe I am doing something wrong? (very likely!)

[restmin]

My fault! There was a text widget and then a featured post widget, rather than naming the featured widget. Ugh! sorry!!

[Porter]

No problem 🙂

Is your new spacing sufficient, or are you trying to get it even tighter? I noticed the title itself is taking up more space than it visually shows. If you hover over the margin / padding / content graph on the bottom of Chrome's inspect element tool, it shows the title as being nearly double the height it's using, which I don't know how to alter.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Author]

Posts