What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Dawn Theme - make a custom liquid section full width

Solved

Dawn Theme - make a custom liquid section full width

LatinLotus
Tourist
6 0 2

I added a custom liquid section to my shopify and it is displaying white borders around it. My site is 

www.latinlotuspottery.com

 

Screenshot 2023-12-07 at 8.35.27 AM.png

Accepted Solutions (2)
Abdosamer
Shopify Partner
938 173 193

This is an accepted solution.

@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :

<style>
[data-ff-el="root"].ff-6571bd4ca74ac87bc4717f8f .ff-6571bd4ca74ac87bc4717f8f__container {
    margin: 0 auto;
    max-width: 100% !important;
    background: #f5f5f5;
}
</style>
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

View solution in original post

Abdosamer
Shopify Partner
938 173 193

This is an accepted solution.

@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :

 

<style>
.ff-6571bd4ca74ac87bc4717f8f__container {
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

 

 
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

View solution in original post

Replies 9 (9)

Abdosamer
Shopify Partner
938 173 193

Hi @LatinLotus , Add the following code :

[data-ff-el="root"].ff-6571bd4ca74ac87bc4717f8f .ff-6571bd4ca74ac87bc4717f8f__container {
    margin: 0 auto;
    max-width: 100% !important;
    background: #f5f5f5;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
LatinLotus
Tourist
6 0 2

where do I add it?

Abdosamer
Shopify Partner
938 173 193

This is an accepted solution.

@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :

<style>
[data-ff-el="root"].ff-6571bd4ca74ac87bc4717f8f .ff-6571bd4ca74ac87bc4717f8f__container {
    margin: 0 auto;
    max-width: 100% !important;
    background: #f5f5f5;
}
</style>
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
LatinLotus
Tourist
6 0 2

That worked! Thanks very much!

LatinLotus
Tourist
6 0 2

After updating to the newest version of the theme, the white border are back even after I applied the code you gave me. Is there an update I can make to the code or a different version?

www.latinlotuspotery.com

Abdosamer
Shopify Partner
938 173 193

Hi @LatinLotus , I can't open the url you provided.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
LatinLotus
Tourist
6 0 2

I had a typo, sorry

www.latinlotuspottery.com

LatinLotus
Tourist
6 0 2
Abdosamer
Shopify Partner
938 173 193

This is an accepted solution.

@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :

 

<style>
.ff-6571bd4ca74ac87bc4717f8f__container {
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

 

 
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work