Shopify themes, liquid, logos, and UX
Hi I am trying to remove the spacing between sections on my about page. See picture above. Can anyone help ?
Solved! Go to the solution
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
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
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024