No padding on image

[PinkP]

Hi,

Using symmetry theme. I do not want the padding around this section and want the image to sit closest to the homepage banner. I can’t work out how to remove the padding from the image and for the image to take 50% of the screen.

This is what i want:

This is the padding on the image:

[TikitaTech]

Hi @PinkP !

Could you share your store’s URL and password (if it’s password-protected) so I can take a closer look?

[namphan]

Hi @PinkP ,

Please send the website link, I will check it for you

[DaisyVo]

Hi @PinkP ,

Can you share your store URL so that I can check for you?

Look forward to your response!

Best,

Daisy

[steve_michael2]

Hi @PinkP ,

kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[PinkP]

www.modernmexico.com

password: mm2024

[PinkP]

www.modernmexico.com

mm2024

[steve_michael2]

Hi @PinkP ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

div#section-id-template--18643815530708__custom_content_xhR4ez {
    margin: 0px !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[namphan]

Hi @PinkP ,

Please go to Actions > Edit code > Assets > main.css file and paste this at the bottom of the file:

@media (min-width: 768px) and (max-width: 1024px) {
  #block-id-text_K93jBN .align-ltr-center {
    padding: 32px;
  }
}
@media (min-width: 1024px) {
  #block-id-text_K93jBN .align-ltr-center {
    padding: 80px;
  }
}

[PinkP]

Hey,

Thank you, it did work but didnt take the left hand padding away?

[namphan]

Hi @PinkP ,

Have you tried this?

[PinkP]

yes i did and it didn’t work?

[namphan]

Hi @PinkP ,

I checked and it was added successfully, shows like the screenshot I sent.

Is it not what you want?

[namphan]

Hi @PinkP ,

You want this:

[steve_michael2]

Hi @PinkP ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

div#section-id-template--18643815530708__custom_content_xhR4ez {
    margin: 0 !important;
    padding: 0 !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!