Community Pro Featured Page widget expanding with black border

[gagn]

Hi Studiopress forum!

We're using the Community Pro theme and have a question.
In the Featured Page widgets, which are three in a row and halfway down the page, there's a black field emerging when we resize the browser and the page titles take up two rows.
This doesn't look very good to us.
Does anyone have a solution to this?

Thanks a lot!
Gabriel

Example of the glitch:
https://drive.google.com/file/d/0B_r1VjKTqOhrcm5BYUk1Tm9EbEU/view?usp=sharing

http://www.trahusett.se

[Porter]

Two things:

The issue is caused when your image titles word-wrap, as they create a second line, which pushes out the bottom, creating that background area. The entire setup for that section is quite odd (no idea what the 25% padding does, or why removing it does what it does), but that's the cause. If you want, you can add media queries to reduce the text size of your titles as your get smaller screens, and that'll prevent the word-wrap.

Secondly, I have a dirty fix that does the job. Simply change the background color of that section to match your main background, like so. Find this in style.css and add the backgorund-color:

.home-middle .featured-content .widget-wrap {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 25% 40px;
    background-color: #ffffff;
}

I added the background-color #ffffff; to make it white, like the background, so you don't see the bars underneath at all anymore. Again, if you change the background color, you'll have to fix this little hack job to match, but it works.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Author]

Posts