Agency Pro Homepage Widget Layout Help

[DannyM]

Hi all,

I'm building a site using the Agency Pro theme, the demo uses 6 featured posts in the home middle area, but I would only like to display 4, I've made the settings in the widget to display 4, so its now showing 4 but has an empty space where the other 2 would be if I was showing 6.

Is anyone able to advise me how to change the layout to display the 4 featured posts 2 on top of the other without the empty space please?

The area in question can be seen at http://elev8ltd.doitontheweb.co.uk half way don the page under -- Our Services --

Thank you

Danny

http://elev8ltd.doitontheweb.co.uk

[Brad]

Make a backup of your style sheet.
I can kind of point you in the right direction:

Change this:

.agency-pro-home .featuredpost .entry {
background: none;
float: left;
width: 33.33334%;
}

to:

.agency-pro-home .featuredpost .entry {
background: none;
float: left;
width: 50%;
}

Then change:

.home-bottom .featuredpost .post:nth-of-type(3n+1),
.home-middle .featuredpost .post:nth-of-type(3n+1) {
clear: left;
}

to:

.home-bottom .featuredpost .post:nth-of-type(3n+1),
.home-middle .featuredpost .post:nth-of-type(2n+1) {
clear: left;
}

You will likely have to do some other tweaking on the image size settings and re-uploading the images. Might also have to tweak some of the min-height: settings in the media queries.

[DannyM]

Thanks Brad,

Appreciate the help. Will try this and let you know how I go!

Warm Wishes

Danny

[DannyM]

Sorted! Thank you very much Brad!

Warm Wishes

Danny

[Author]

Posts