Shopify themes, liquid, logos, and UX
How do I remove the vertical spacing between these checkbox variants? The wide spacing shows up regardless of whether I directly code the checkbox options in the product template or (as currently) I use an app to format it, which makes me think it's something in the main theme/style.
Solved! Go to the solution
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
.container-wrap-selection {
height: 15px;
}
.tpo_error-message {
margin-top: 30px;
}
</style>
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Hi @magda1130
Where can I find this page? This is the result when I click your shared link.
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
.container-wrap-selection {
height: 15px;
}
.tpo_error-message {
margin-top: 30px;
}
</style>
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025