Remove margin from image container (Ella Theme)

Store Design
, , , ,
1

I’m trying to make it so my image looks like this

AndreNL_1-1718781918793.png
AndreNL_1-1718781918793.png3790×789 531 KB

But as of now I can’t get it to be that wide, It’s on full width.

AndreNL_0-1718781905240.png
AndreNL_0-1718781905240.png2724×858 39.4 KB

https://kosterstaphorst.nl

https://koster-sandbox-1.myshopify.com/

2

Hey @AndreNL

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

Best Regards,

Moeed

3

Hi @AndreNL

Please share the password of :

https://koster-sandbox-1.myshopify.com/

4

The password is pifroh

5

The password is pifroh

6

Hey @AndreNL

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 tag

RESULT:

Moeed_0-1718782573120.png
Moeed_0-1718782573120.png1900×951 59.5 KB

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

Best Regards,
Moeed

7

Hello @AndreNL
Go to online store ---------> themes --------------> actions ------> edit code-------> base.css
and add this code at the very end of the file.

.body-boxed .wrapper-body {
    background-color: var(--bg-white);
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    flex: 1;
}

and the result will be

mk.png
mk.png1919×793 49.9 KB

let me know if this helped you.
Thanks