Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
How do I fix the spacing below and above the payment icons causing there to be whitespace? (See screenshot on bottom)
TOP AND BOTTOM, NOT ONLY BOTTOM PLEASE
Product url (example): https://serney.com/products/mark-cardigan
Website: serney.com
bump
Hi,
Hope this will help
- Open Theme Editor and check settings
- If no setting exists, edit CSS files
CSS example
.payment-icons {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
- Add margin: 0px !important; padding: 0px !important;
- Inspect and adjust spacing
- Modify the parent container (if needed)
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