portfolio thumbnail spacing – modern portfolio

[dmcleod87]

hi all,

i've setup 3 different genesis featured widget amplified widgets in the 'portfolio' widget section on the homepage of modern portfolio. however the third portfolio item appears on a new line, rather than inline with the other two.

they display on the one line when i use the one widget, however i need to have custom links for each portfolio using the 'custom field for link' option in the widget (long story short i had to do it this way because i want these thumbnails to link to my CPT portfolio post pages, rather than blog posts)

does anyone know why they aren't appearing on the same line? i suspect it has something to do with this bit of code maybe?

.footer-widgets-1,
#blog .featuredpost .post:nth-of-type(3n+1),
#portfolio .featuredpost .post:nth-of-type(3n+1) {
	margin-right: 5.555555555%; /* 60px / 1080px */
}

i can't get my head around nth-of-type and nth-child!

thanks in advance!

http://www.portfolio.dylanmcleod.net.au/

[suburbanite]

I am having the same issue. I would like for the thumbnails to be four to a line. It looks like there should be plenty of space for this, but I'm only able to get three on a line, then the fourth goes down to a next line.

My site is located here: http://www.angelawdesign.com/?page_id=465

[suburbanite]

Bump. Can anyone help with this?

[Jeremy]

Hi Angie,
The issue is on line 1250 of style.css

.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
/* clear: left; */
}

Change this to say....

.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
clear: none;
}

Let me know how you go.

Jeremy

---

If you want to say thanks Follow me on Twitter | My Website

[Brian Gardner]

My guess is that it has something to do with the following CSS on line 1251:

.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
clear: left;
}

If you're adding a 4th one across, that really should be changed to 4n+1, because it's trying to clear the column after 3 currently.

---

My Blog | Twitter | Facebook | Instagram | Google +

[Brian Gardner]

Bwahah, Jeremy beat me to the punch by less than a minute.

---

My Blog | Twitter | Facebook | Instagram | Google +

[Jeremy]

Brian Gardner himself. Great to see you in the forums 🙂

---

If you want to say thanks Follow me on Twitter | My Website

[suburbanite]

Thank you so much guys, that totally worked! This community is the best : )

[Author]

Posts