Shopify themes, liquid, logos, and UX
I was wondering how I could move the size drop down next to the color, preferably with about an inch space in-between and also bring both buttons below it further up to be below the drop downs
Solved! Go to the solution
This is an accepted solution.
Hey @v6,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.product-form__input.product-form__input--dropdown {
display: inline-block !important;
}
body .product-form__input, body .product-form__input .select {
max-width: 100% !important;
margin-right: 20px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @v6,
Can you share the link to your store?
This is an accepted solution.
Hey @v6,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.product-form__input.product-form__input--dropdown {
display: inline-block !important;
}
body .product-form__input, body .product-form__input .select {
max-width: 100% !important;
margin-right: 20px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
@v6 Please share store URL to help you on this.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024