Shopify themes, liquid, logos, and UX
Hi,
I am trying to reduce the spacing between two sections of icon with texts on my product page. Since some of my products need more than 3 icons with texts, I need multiple sections. I managed to set the spacing between the lines in a single to 5px, but the distance between the two sections is larger.
My URL is www.vouwfatbike.nl
A good example is https://vouwfatbike.nl/en/products/windgoo-e20
Thanks already
Hello @tjieko
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.icon-with-text--horizontal {
column-gap: 0 !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hi, thanks for your reply. I should have specified that I was talking about the text with the green check marks. They are icon with texts but I removed the icons. Whoops! Can you help me with that?
not understand what you exactly want😕
Thank you for your time. If you go on the product page I sent the link of (https://vouwfatbike.nl/en/products/windgoo-e20) and look right underneath the price, you see a few sentences with a green check mark underneath ("Shipping time, shipping price, includes app, and street-legal). Those sentences use an 'icon with text' section, but I selected 'none' as the icon, so there is no icon. The spacing between the first three and last one is not the same. I would like them to have the same spacing so it looks like a proper row.
I hope this helps, thanks anyways!
HI @tjieko
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.icon-with-text--horizontal {
column-gap: 0;
}
Thank you for your reply. However, I meant the text with the green check marks. They are icon with texts, but I removed the icons. Sorry for not specifying that properly. Could you help me out further?
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024