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

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

Marvellous1
New Member
9 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 14 (14)

ThePrimeWeb
Shopify Partner
2138 615 493

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
Check out our interview with Shopify!
Marvellous1
New Member
9 0 0

Hey @ThePrimeWeb 

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

Thank you. 

ThePrimeWeb
Shopify Partner
2138 615 493

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
Check out our interview with Shopify!
Marvellous1
New Member
9 0 0

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

Have a nice day. 

Marvellous1
New Member
9 0 0

Hi @ThePrimeWeb , 

I hope you can help me once again. 

I am trying to set up a new website in the "crafts theme" this time and i have same problem. 
Can i use same method as below? 

Thanks in advance. 

ThePrimeWeb
Shopify Partner
2138 615 493

I'm not sure, because each theme is built differently. But you can try and see. If it doesn't work just share the preview link for the draft theme with me and I'll check.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Marvellous1
New Member
9 0 0

It is not working - here is the preview link:

https://ol85f6rorqym36pw-77320814928.shopifypreview.com

ThePrimeWeb
Shopify Partner
2138 615 493

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.

ThePrimeWeb_0-1714962678980.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Marvellous1
New Member
9 0 0

Thank you @ThePrimeWeb  - I have tried to figure out where I am able categorize them ? 
Do you know? I do not see where to change it. 

Thank you ! I am learning so much.

DigiDecoded
Shopify Partner
158 19 18

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
9 0 0
DigiDecoded
Shopify Partner
158 19 18

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
9 0 0

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

Marvellous1
New Member
9 0 0