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.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024