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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024