how to change number of posts in row

  • Resolved jonasnico

    (@jonasnico)


    9 years ago

    Hey guys.

    First of all, great theme! so far really enjoying it!
    Second, i havent been using wordpress for some years so im no expert.

    I was just wondering, if its possible to change the number of featured image/posts in each row from 3 to for example 4??

    Im using my Home page as a Posts page, but i want it to show 4 images in each row instead of 3.

    Thanks for your time!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter jonasnico

    (@jonasnico)

    I have figured it out myself, so u can close this post ??

    Hello I am new to the forum and I do not have experience with wordpress . Please share the solution to this problem 4 pictures on the home page

    Oh great, one of these “I fixed it myself” posters. Please would you not share with anyone else searching for this exact same issue?

    EDIT: Here’s the solution for everyone else looking for it. Put this in your child theme style.css EXACTLY like this:

    /* Fix Posts Per Row */
.posts .post {
display: block;
width: 21%;
margin-top: 3.95%;
padding-bottom: 21%;
float: left;
position: relative;
background-size: cover;
background-position: center;
}

.post-inner {
	width: 920px;
	max-width: 85%;
	margin: 0 auto;
	padding: 80px 0 90px;
}

.posts .post:nth-child(4n+1) { margin-left: 3.95%; }
.posts .post:nth-child(2n+1) { margin-left: 0; }

.posts .post + .post { margin-left: 3.95%; }
.posts .post:nth-child(4n+1) { margin-left: 0; }

    The above solution breaks the crap out of mobile responsiveness, just to be aware… anyone got a solution for that?

    I agree, solution is great but I would also like some support with the mobile device

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to change number of posts in row’ is closed to new replies.