Shopify themes, liquid, logos, and UX
Hi, is there a way to put the quantity selector on the same line as the add to cart?
URL can be found here: https://ronia.com.au/products/ronia-x-jah-collection-brush-holder
Hi @saintnoir
You can follow the following steps:
1. Please remove the width from the html.
2. Please go to the Online Store.
3. Then Edit Code.
4. Please find the theme.liquid file.
5. Please add code before closing the tag </head> tag.
<style>
.button.button--outline.w-full {
position: absolute;
display: flex;
top: 26.5%;
margin-left: 30%;
width: 70%;
}
</style>
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Hi this doesn't look right?
It's aligned them but they're not in line
@saintnoir
Can you please add the css, then I can check what exaclty wrong.
Its working at my end.
Thanks
Hi @saintnoir ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about Prestige Theme: Put The Quantity Selector On The Same Line As Add To Cart, let’s try this solution:
Online Store ->Theme ->Edit code-> theme.liquid
<style>
.button.button--outline.w-full {
position: absolute !important;
display: flex !important;
top: 26.5% !important;
margin-left: 30% !important;
width: 70% !important;
}
</style>
I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024