How can I remove side margins in the Highlight theme?

Hi,

I’m building a site with the Highlight theme which comes originally with margins/paddings on the sides. I need to remove them on some sections:

  • Hero Image
  • Image With Text

Is there a possible way to override these settings?

Here is the preview of the website:
https://7tnbq7qk9fbodkfi-61302538419.shopifypreview.com

Thank you in advance!

1 Like

Hello There,

Please share your Screenshot.
So that I will check and let you know the exact solution here.

1 Like

Hi @ZestardTech !

Thanks for replying. Here is the screenshot:

I basically want to remove those margins which I have marked with the red boxes. If possible, I would like to have the image to be underneath the menu as well. I tried to edit it manually in the theme.css with this code:

#shopify-section-template–15397821350067__1645007980329214f0{
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;

Not sure I got it right, this is also an idea I found online as I’m not a coder :face_with_tongue: I guess it didn’t override the theme settings. I hope I can find the answer here!

Thank you!