Agentpress pro theme and genesis featured page widget

[BirgitVermeiren]

Hi,

I used 3 genesis featured page widgets in my home-top section of the agentpress pro theme.
However in the theme demo 4 widgets were used, so now when I only use 3 they are not spaced out properly.

Any ideas on how to do this?

Thanks for the help!

http://www.birgitvermeiren.com

[SavvyJackie]

Hi,
In your style.css file, the area is set by a width percentage for each widget area - so it is expecting four. You can adjust the percentage to achieve the result you want.

This is the code you're looking for:

.full-width .featuredpage {
clear: none;
width: 23.875%;
}

First, if you've edited your style.css before, make a backup before editing.

Trying using 32.3333% for the width.

further down, there are other adjustments to the percentages for responsive design in the @media query. You'll have to adjust them as well until the reach 100% when the screen width will only hold one and they stack vertically. That happens at @media only screen and (max-width: 480px)

Hope that helps.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[BirgitVermeiren]

Thank you!

[Author]

Posts