Re: THEME: GRID. How do I line up blog posts as gallery
Hey @Marvellous1,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
Note: The 50% on max-width is how much space per blog, 100% means one post per row, now it's 50% because you only have 2 posts, if you have 3 or more posts and you want 3 in a row, change this to 33.33%, I didn't change it now because there will be an empty space for the third post if I do.
<style>
@media only screen and (min-width: 770px) {
.shopify-section--blog-posts {
display: inline-flex !important;
max-width: 50% !important;
}
.home-blog-columns-2 .home-blog-post {
width: 100%;
padding: 0;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Marvellous1,
The structure here is different. You have categorized them. If there are in the same category, it should appear next to each other.
Community Blog Articles
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024
The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024
Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024