Change #of widgets displayed in Agency Pro

[aimee]

Hi there! Thanks in advance for any help out there...

I'm using Agency Pro at the following URL:

http://74.220.219.112/~stillqui/

Under "Who Is Served," (widget-bottom) I'd like there to display five posts rather than three. So I've changed the CSS to this:

.agency-pro-home .featuredpost .entry {
width: 20%;
}

That helped, but as you can see, there are still two posts down on the second row; I'd like them all to be on a single row when viewed on a desktop.

I think that this code below has something to do with bringing those other two posts up to the first line, but I'm not sure exactly what needs to be changed.

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

Also, I only want that change to take place on the first widget-bottom, and even with Firebug, I'm having a hard time selecting featured-area-2. How would I select just ONE of those two widget-bottom widgets?

Thanks so much!

http://74.220.219.112/~stillqui/

[JanHoek]

remove both clear: left; in custom.css and style.css

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

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

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[jodzeee]

Also ...

Change the width back to what it was and add this to just change that one to 20%

#featured-post-2 .entry {
width: 20%;
}

This tutorial might also help ...

Increase Agency Pro Themes Home Middle Widgets From 3 To 4 Columns

[aimee]

Thank you, Jan!

I changed this to clear:none in the styles.css, and that seemed to take care of it. Why do it in custom.css as well?

Lastly, how do I select JUST for the widget area featuring the "Who is served" posts? I've tried:

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

But that didn't work. Sure appreciate your nudge in the right direction.

Also, are you Dutch? Your name sounds it.

Aimee

[aimee]

YES, Jodzeee, this is it! Thanks for the tutorial link as well. So many ways to skin the cat, so thanks to both of you for getting me there.

-Aimee

[JanHoek]

Glad it worked. And yes. I'm Dutch 🙂 Living on the beautiful island of Texel

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[aimee]

It looks like an idyllic village. I lived in Holland for several years (Haarlem) and have a very soft spot for her culture and people. 🙂

Bedankt and doei!

-Aimee

[Author]

Posts