THEME: GRID. How do I line up blog posts as gallery

Marvellous1
New Member
6 0 0

I want to my blog posts to be shown next to each other like a gallery view three next to each other. When you then clicking on one f them, you´re taken to that blog post. How can that be done?

Replies 9 (9)

ThePrimeWeb
Shopify Partner
1187 309 228

Hey @Marvellous1,

 

Can you share the link to your store?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Marvellous1
New Member
6 0 0

Hey @ThePrimeWeb 

Yes, here it is: https://marvellousrose.com/da/collections/all

Thank you. 

ThePrimeWeb
Shopify Partner
1187 309 228

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.

ThePrimeWeb_0-1708178850991.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Marvellous1
New Member
6 0 0

@ThePrimeWeb Thank you so much! Now it is working. 

Have a nice day. 

DigiDecoded
Shopify Partner
119 18 24

hey @Marvellous1 ,

 

can you share please store url.

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
Marvellous1
New Member
6 0 0
DigiDecoded
Shopify Partner
119 18 24

just checking if you still need my help

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
Marvellous1
New Member
6 0 0

Yes please - the website is https://marvellousrose.com/da/collections/all

Marvellous1
New Member
6 0 0