Solved

Remove white spacing custom page Dawn Theme

secondsouffle
Tourist
4 0 1

Capture d’écran 2021-11-25 à 23.54.18.pngHi I am trying to remove the spacing between sections on my about page. See picture above. Can anyone help ? 

Accepted Solution (1)
Robert_Kanaan
Shopify Partner
43 7 16

This is an accepted solution.

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

Robert Kanaan | Shopify Developer | robert[@]govedia.com

View solution in original post

Replies 3 (3)

Robert_Kanaan
Shopify Partner
43 7 16

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:

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

 

Sincerely,

Robert

 

Robert Kanaan | Shopify Developer | robert[@]govedia.com
secondsouffle
Tourist
4 0 1
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]
Robert_Kanaan
Shopify Partner
43 7 16

This is an accepted solution.

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

Robert Kanaan | Shopify Developer | robert[@]govedia.com