Lifestyle Pro White Space Issue?

[aridgides]

HI there,
On http://www.wealthwithlaura.com I am trying to reduce the white space between my header image and the content right below in the top widget (saying "Nice to meet you, I'm Dr. Laura... with the picture of the beach and chairs). Can anyone direct me to the correct fix??

Also, looking to reduce the padding between the top/bottom/left/right widgets...

Not an expert in css, but have messed with it, if someone can show me the right area?
Thanks, Laura

http://www.wealthwithlaura.com

[Porter]

For the white space between the header and the beach chair image, you've actually got a widget title that's white on white, you just can't see it! It says "Meet Dr. Laura", and is a "widget-title". If you simply remove the title text in the widget, it should move everything up. If it for some reason doesn't, you can add this to your CSS as a quick-fix:

.home-top .widget-title {
display: none;
}

I'd definitely try simply removing the title on the actual widget though, as the css fix works, but is a bit of a band aide, vs a real solution.

In style.css, look for the following area:

.content .entry {
//code
}

That currently has a default padding of 32px, which is quite large, lower that to something like 8px, and it should look much better. The same goes for:

.sidebar .widget {
//code
}

There's a 32px padding there as well. Additionally, these various sections have margin properties that are also effecting the spacing, play with those for further adjustments, if needed.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[aridgides]

Thank you so much!!! Worked perfectly 🙂

[Author]

Posts