Shopify themes, liquid, logos, and UX
Hello all! Back already and thank you in advance for reading.
I have quite a few options for some of my items, and realistically having variants for them all would be hellish to organize in my opinion, so I added them myself in the coding of my product pages themselves. The issue I'm having now that I can't seem to work around is the spacing/padding between the options themselves. Any advice for code to slide between the different options to space them out a little so its easier to differentiate?
Edit: ignore request about dropping the quantity box down a line on the screenshot, i figured that part out!
I've attached a screenshot and a link to the current page I'm working on below.
https://whiskey-works.myshopify.com/products/customizable-heart-lock-leather-choker
If you need the code for the whole section just let me know and I can send that along!
Solved! Go to the solution
This is an accepted solution.
Hi @whiskeyworks ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:
p.line-item-property__field {
width: 50%;
padding: 0 5px;
}
p.line-item-property__field select {
width: 100%;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
This is an accepted solution.
Hi @whiskeyworks ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:
p.line-item-property__field {
width: 50%;
padding: 0 5px;
}
p.line-item-property__field select {
width: 100%;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
It's spaced things out so nicely!
I was trying to do it in the individual pages, this was much easier, thank you so much!
We 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, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024