Home Page Problem using Modern Portfolio Theme

[jasonHawk]

Hi guys,

Can you take a peak on this website tryawebsite(dot)com? On the home page 3rd line there is a missing item. I can't figure out where the problem is coming since all the post are intact and the featured images are all on the same size. And if you further scroll down at the end of the page there is also a vacant area between Wintersong Pro Theme and Whitespace Pro Theme.

Thanks in advance,
Jason

[emasai]

I believe you modified the css, as there is no (3n+0) in the stylesheet. Try changing to this declaration:

#portfolio .featuredpost .post:nth-of-type(3n+0){
float: left; 
margin-left: 5.555555555%;
} 

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[jasonHawk]

Hi there emsai,

here is the CSS... I'm no expert in wodpress development. All I know is basic set up. Can you direct me how to fix this issue? Thank you!

/* 04b - 1080px CSS Grid ----------- */

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar,
#blog .featuredpost .post:nth-of-type(3n+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,
#title-area {
width: 29.629629629%; /* 320px / 1080px */
}

#content,
#header .widget-area,
#services .alignleft {
width: 64.814814814%; /* 700px / 1080px */
}

.full-width-content #content,
#content-sidebar-wrap {
width: 100%; /* 1080px / 1080px */
}

.footer-widgets-1,
.footer-widgets-2,
.sidebar-content #sidebar,
#blog .featuredpost .post:nth-of-type(3n+1),
#blog .featuredpost .post:nth-of-type(3n+2),
#content,
#content-sidebar-wrap,
#footer .gototop,
#portfolio .featuredpost .post:nth-of-type(3n+1),
#portfolio .featuredpost .post:nth-of-type(3n+2),
#sidebar-alt,
#title-area {
float: left;
}

.footer-widgets-3,
.sidebar,
.sidebar-content #content,
#blog .featuredpost .post:nth-of-type(3n+0),
#footer .creds,
#header .widget-area,
#portfolio .featuredpost .post:nth-of-type(3n+0) {
float: right;
}

.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 */
}

[Author]

Posts