Solved

Want my products to bleed to the edges of the page

rene94
Excursionist
50 1 6

Left is an example of what I'd like and right is what I have. I'm using the Dawn theme and any help will be 

 

 

I posted already but don't know if it posted because I can't find it. Basically want my store to look more like this on the left with the images stretched across the whole background: https://www.phoebephilo.com/en_gb/shrunk-bomber-black-leather

 

My site: https://ed700c-8f.myshopify.com/products/bler-riot-sunfaded-embroidered-vintage-dickies-t-shirt

 

I want my product page and collections page to look like the reference. I'm using Dawn film, btw thank you!

 

 

Accepted Solution (1)
Moeed
Shopify Partner
3794 958 1189

This is an accepted solution.

Hey @rene94 

 

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>
.collection.page-width {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1712602959527.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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
5977 1439 1777

Hi @rene94 

Its password protected. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


rene94
Excursionist
50 1 6

yautwu

Moeed
Shopify Partner
3794 958 1189

Hey @rene94 

 

Your store is password protected, can you share your password as well?

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
rene94
Excursionist
50 1 6

Screenshot (23).png

Moeed
Shopify Partner
3794 958 1189

This is an accepted solution.

Hey @rene94 

 

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>
.collection.page-width {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1712602959527.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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
rene94
Excursionist
50 1 6
rene94
Excursionist
50 1 6

Hi, thanks for the help earlier there is a slight issue though as the top of product display doesnt stretch to the top of the page if that makes sense (https://bt6lqbvnzlx9m77b-74826613002.shopifypreview.com)

rene94
Excursionist
50 1 6

I've added it

rene94
Excursionist
50 1 6

here's the password: yautwu