Dawn- Change section padding on image with text ... change to full width

Store Design
, ,
1

Hi! I want to have a full width, no top or bottom padding or left padding. Ideally image taking up 50% of the left column and the content takes up the other right 50% content.

image 16i1.png
image 16i1.png1728Ă—802 393 KB

It looks like this right now but i wanna get rid of all the spacing top and left and bottom of the image.

1 Like
2

Hi @ertheconcept

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Customize”.
  • In the theme editor, find the image with text section you want to edit, and click the word “Image with text” on your left hand side, this will open the settings panel on your right
  • Look for Custom CSS box, and place the code below
.image-with-text.page-width {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}
  • And Save.
  • Result:

Made4uoRibe_0-1698869896140.png
Made4uoRibe_0-1698869896140.png1848Ă—895 174 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

I get this error saying invalid custom CSS when i try doing exactly that!

image 17i2.png
image 17i2.png1728Ă—802 349 KB

4

Hi @ertheconcept ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly