Re: Remove width size from collage in dawn theme

Solved

Remove width size from collage in dawn theme

YugoBangkok
Tourist
21 0 2

Hello everyone! I've been searching for a way to remove the side space from the "collage" for about 4 hours now. I would also like to equalize the size of the images. Here is an example below.

 

There might also be a more suitable theme than "Dawn" for this kind of thing, perhaps?

 

Thanks in advance to the hero who can help me.

 

Thanks you

 

Yugo

zdzdz.png

Capture d’écran 2024-01-15 à 15.01.59.png

Capture d’écran 2024-01-15 à 15.07.49.png

Accepted Solution (1)
Moeed
Shopify Partner
5466 1479 1766

This is an accepted solution.

Hey @YugoBangkok 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.page-width.section-template--20734798102875__collage_6Nr6Bz-padding {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1705308881561.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
5466 1479 1766

Hey @YugoBangkok 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


YugoBangkok
Tourist
21 0 2

Hi Moeed, thanks you return !

 

Here is the link : https://0ec610-2.myshopify.com/

Moeed
Shopify Partner
5466 1479 1766

This is an accepted solution.

Hey @YugoBangkok 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.page-width.section-template--20734798102875__collage_6Nr6Bz-padding {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1705308881561.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


YugoBangkok
Tourist
21 0 2

Thanks you Moee you're a goat 😍 !

Do you know how to resize squares to the same size?