change layout of posts on home page

theyanaclub · Member · Nov 17, 2016 at 6:15 pm
Copy link

Add topic to favorites
Hi,

Currently, my home page is showing posts from a specific category and posts show in a vertical layout(One after another) … I want to change this display to a grid layout (One post next to the another) …

Please help !

The blog I need help with is: (visible only to logged in users)
innisfreehomestead · Member · Nov 17, 2016 at 7:40 pm
Copy link
Hello there!

I’d be happy to help. One thing I’ll need to know though, is it only the three posts that will be showing on the homepage? Will you have more? How many posts would you want beside each other?

Let me know,
Sage
theyanaclub · Member · Nov 17, 2016 at 7:48 pm
Copy link
Thanks Sage ! We are definitely going to post many more. Don’t want any post limit on this page
innisfreehomestead · Member · Nov 17, 2016 at 8:17 pm
Copy link
Hi there,

Thanks for letting me know! How many columns would you like the posts to be in? And just so I could probably test, would you mind adding some more posts to this section just temporarily?

Thanks,
Sage
theyanaclub · Member · Nov 17, 2016 at 8:24 pm
Copy link
sure, 3 columns .. Also i would like to change font on this page. Is that possible?
theyanaclub · Member · Nov 17, 2016 at 8:30 pm
Copy link
So, i added one more post under category for this home page . But its not reflecting on the first page
innisfreehomestead · Member · Nov 21, 2016 at 6:58 pm
Copy link
Hi there,

Sorry for my late response!

Dropping this code in your custom CSS area should do the trick:
```
.home .listing-item {
	width: 33%;
	float: left;
	clear: none !important;
	margin-bottom: 60px;
}

.home .listing-item .image {
	padding: 0 10px;
}

@media screen and (max-width: 768px) {
.listing-item {
	width: 100%;
}
}
```
It looks like the post is showing on the homepage, just doesn’t have a title etc?

Hope that helps,
Sage

No items found.