Change Number of Portfolio Items on Homepage WordPress Cubic Theme

Hi there,

You can achieve what you’re after with some custom CSS.

In order to add custom CSS to Cubic, firstly activate a custom CSS plugin. If you have Jetpack installed then you can activate Jetpack’s custom CSS module.

Enter the following snippet in your CSS plugin’s editor:

@media screen and (min-width: 1024px) {
	.archive .hentry, .blog .hentry, .search-results .hentry {
		padding-bottom: 15%;
		width: 25%;
	}

	.archive .hentry:nth-of-type(3n+4), .blog .hentry:nth-of-type(3n+4), .search-results .hentry:nth-of-type(3n+4) {
		clear: none;
	}
}

The above will create four squares on the Cubic theme’s home page for devices that are equal to or more than 1024px in width. You can decrease that number in the CSS snippet if you’d like it to apply to smaller devices too.

Let me know if that’s helpful or if any extra questions come up. 🙂

You’re welcome! Feel free to open a new thread if extra questions come up.