Remove white spacing custom page Dawn Theme

Store Design
1

Capture d’écran 2021-11-25 à 23.54.18.png
Capture d’écran 2021-11-25 à 23.54.18.png1034×710 223 KB

Hi I am trying to remove the spacing between sections on my about page. See picture above. Can anyone help ?

2

Hi @secondsouffle ,

You can remove the space with the use of CSS.

It appears your using “Image with text” sections. If so, you can use this to help get you started:

body .shopify-section .image-with-text {margin-top:0; margin-bottom:0;}

Either add it to a custom or existing .css file in your theme.

Alternatively, you could add a “Custom Liquid” section to the page - using the theme editor - and paste the following code in:

Sincerely,

Robert

3

Hi Robert,

Thanks for your reply

Where exactly should I put it in my CSS code, at the end ? Because it
showing me an error message

Many thanks ! [image: Capture d’écran 2021-11-26 à 12.07.49.png]

1 Like
4

Hi @secondsouffle ,

Try the second approach, of inserting the custom liquid section.

If you’d prefer inserting into the CSS file, you can paste it at the top of your base.css file or create a new custom css file. If creating a new css file, be sure to reference it in your theme.liquid.

Sincerely,
Robert