modern portfolio

[jamesalex]

Portfolio spacing issues.  I have made the portfolio section move into four columns as opposed to three, but the spacing is not right, could someone please help?

 

http://hf.sharpmonkeyclients.co.uk/

[AnitaC]

You will need to adjust the width of each one to evenly space them out.

---

Need help with customization or troubleshooting? Reach out to me.

[asdweb]

How did you make the four columns?

---

Amy Susan Design.com @AmySusanDesign

[jamesalex]

I changed the stylesheet as below

 

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar,
#title-area {
width: 20.629629629%; /* 320px / 1080px */
}

#blog .featuredpost .post:nth-of-type(4n+0),
#blog .featuredpost .post:nth-of-type(3n+1),
#blog .featuredpost .post:nth-of-type(3n+2),
#portfolio .featuredpost .post:nth-of-type(3n+0),
#portfolio .featuredpost .post:nth-of-type(3n+1),
#portfolio .featuredpost .post:nth-of-type(3n+2),
#services .alignright {
width: 21.829629629%; /* 260px / 1080px */
}

[asdweb]

Unless I install the theme, I can't check to see what's going on since the Modern Portfolio isn't being used.

If you plan on using a different theme, let us know and mark this ticket as closed.

---

Amy Susan Design.com @AmySusanDesign

[jamesalex]

i have reinstalled the theme and it has the original stylesheet on, the one amendment that I have added is that the portfolio image size is 350x350px on the functions file.

I would ideally like to have the images almost touching each other across and below.

 

 

[asdweb]

Add this to the css.

.post.type-post.status-publish.format-standard.hentry.category-home-page.entry a.alignleft img.attachment-shop_single {
margin: -20px !important;
}

---

Amy Susan Design.com @AmySusanDesign

[Author]

Posts