nth-of-type CSS on Agency Pro Featured Posts

[chamster]

I'm trying to achieve a row of 4 articles using the Genesis Featured Posts widget in the Home Middle widget area of Agency Pro theme. Here's the page: http://localhost/garthstein.com/2014/website/.

I've adjusted the sizes of the divs and images, but I can't find where the css gets generated to cause a new row after the third article.

The article elements have the following css:

.agency-pro-home .featuredpost .entry {
float: left;
}

But the fourth article (and the first) have the following css:

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

This causes those to be displayed below the preceding articles, effectively creating a new row. I get that. I see how and why it works. What I can't figure out is where the nth-of-type(3n+1) gets assigned to those articles. If I could find that code , it seems I could change it to 4n+1 and get 4 articles in a row instead of 3.

Anybody have any ideas? Thanks!!

[Brad Dalton]

Line 1268 which you can find using the search feature in Notepad++

---

Tutorials for StudioPress Themes.

[Brad Dalton]

Actually, you don't need to do that unless you want to change the home-bottom.

For the home-middle widgets, you can simply change the width to 25%

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

And change the featured image size in your functions to 285px width

add_image_size( 'home-middle', 285, 285, TRUE );

Then change the height for the background in CSS

---

Tutorials for StudioPress Themes.

[chamster]

Line 1268 in which file?

I'm on a Mac, so I can't use Notepad++

[chamster]

I've already done that css with the 25% etc. Made things look right, as far as sizes of boxes go, but still 3 columns, which is why I'm convinced that the nth-of-type(3n+1) is the key to solving that problem.

[chamster]

Okay I found the 3n+1 code in style.css of Agency Pro theme. I don't know how I missed it. I searched that file so many times, even doing a "find" on the number 3 and on +, etc. So I'm baffled at how I didn't find it, but hopefully my wasted hours and brddalton's responses above will prevent someone from wasting as much time in the future.

At any rate, I changed 3n+1 to 4n+1 and that's it, done. Simple as that, and as simple as I knew it had to be.

[Brad Dalton]

Here's how i did it http://wpsites.net/web-design/increase-agency-pro-themes-home-middle-widgets-from-3-to-4-columns/

---

Tutorials for StudioPress Themes.

[Brad Dalton]

My concern was that the 3n will change the home bottom widgets as well.

---

Tutorials for StudioPress Themes.

[staplechasers]

Thanks guys worked like a charm!!

[Author]

Posts