Stretching my website theme across without borders on both sides

[krogowska]

Hi there,

We would love for our website to stretch all across the page.

https://www.mylittleecoshop.com

This is our page currently - as you can see the banner isn't stretched across which adds two borders on either side of the website. 

We would love for our website to stretch across like this: www.byoma.com 

I hope you can help!

[paulryazanov]

Hi! Add this below code to your theme.css
.container.container--flush {
padding: 0;
max-width: 100%;
}

[krogowska]

Hi there, where should I add this too? Sorry I’m not familiar with coding

[AvadaCommerce]

Hi @krogowska ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

[data-section-type="slideshow"] .container {
    padding: 0 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[krogowska · Accepted solution]

Hi there,

Thank you for your response. When I entered your code nothing changed. However, when I entered the one from Paulryazanov 

.container.container--flush {
padding: 0;
max-width: 100%;
}

everything stretched. However, some of the banners on the website were cut off. Can you please advise further?

[AvadaCommerce · Accepted solution]

Hi @krogowska ,

You try below code in theme.css file:

[data-section-type="slideshow"] .container {
    padding: 0 !important;
    max-width: 100% !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.