• Resolved yongjp

    (@yongjp)


    Hi. I really like your theme! Great job btw.

    I would like to increase the number of posts per row on the main page. Any advice on how to accomplish this?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter yongjp

    (@yongjp)

    Never mind. Found the answer in on of the threads.

    @media only screen and (min-width: 1200px) {
    .posts .hentry {
        width: 33.33333%;
    }
    
    .posts .hentry:nth-of-type(4n+3) .entry-inner, .posts .hentry:nth-of-type(4n+4) .entry-inner, .posts .hentry:nth-of-type(4n+3) .edit-link, .posts .hentry:nth-of-type(4n+4) .edit-link {
        right: 0;
        left: auto;
    }
    
    .posts .hentry:nth-of-type(4n+3) .entry-media, .posts .hentry:nth-of-type(4n+4) .entry-media {
        float: left;
    }
    
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-media,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-media,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-media {
    		float: right;
    	}
    
    	.posts .entry-inner {
    		right: 0;
    	}
    
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-inner,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-inner,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-inner,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .edit-link,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .edit-link,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .edit-link {
    		left: 0;
    		right: auto;
    	}
    
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-inner:after,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-inner:after,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-inner:after,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-inner:before,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-inner:before,
    	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-inner:before {
    		left: auto;
    		margin-left: 0;
    		margin-right: -25px;
    		right: 0;
    	}
    }

    Mod: Edited to add code tags.

    I’m glad you were able to find the answer and thank you for sharing! ??

    In case you’re not aware, and for others who may come across this thread: The above CSS should not be added directly to your theme’s files. This is because changes made directly to your theme will be lost when it comes time to update.

    To add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can enable its custom CSS module.

    If you have any questions surrounding that or anything else, please feel free to start a new thread.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing number of posts per row on main page’ is closed to new replies.