Hello,
Total newbie fumbling my way through HubL — apologies in advance if this question is ridiculous.
Our current blog is “getting there” in terms of how we want it to look/work. I want to display the Popular Posts (which we currently have running down the right side of the page) side by side across the top of the page to mimic what BuzzFeed.com does at the top of their homepage (see attached). Is there any way to do this?
Eventually, i’d love to make it work exactly like BuzzFeed, but for now, i’d settle for being able to display 6-9 little blocks across the top…
Please help… thank you in advance.
Dani
This is what we’re going for in terms of the Popular Blog Posts across the top of the blog
assuming you are using the drag and drop design manager tool, move the related posts to above the listing content.
give the module a class name such as recent-wrapper
css:
.recent-wrapper{
display: flex;
justify-content:center
}
/* for your individual items if you only have 3*/
.recent-post-item{
width: 30%; /* adjust this to however many items you want. if you want 5 100/5 = 20%
margin: 0 1% /* adjust this to however much gap you want between
}
you will need to add media queries to make this sing 
good luck
Hello Dennis,
Thank you for taking the time to try to help me out. I’ve implemented your recommendations but either i **bleep** something up (likely) or i misunderstood some of the direction.
Here’s how I implemented the module on the Design Manager and the class i assigned to it - Popular-Posts-Horizontal
Here’s the CSS i implemented based on your recommendations — the number of posts i wanted to show was 5 so i made the post width 20%
Here’s how the posts showed up — there were, indeed, 5 posts and they were approximately 20% of the width… but they were still stacked on top of each other instead of side by side…
Please let me know if there’s something i hemmed-up or if there’s something else i should try. And thanks, again , for helping me out.
Dani
Hi Dennis,
Thanks again for your help… your instructions were spot on (i just had one of the classes in the wrong spot). Thanks again.
Dani
