Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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.