Prestige Theme: Put the quantity selector on the same line as add to cart

Prestige Theme: Put the quantity selector on the same line as add to cart

saintnoir
Shopify Partner
21 0 4

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

 

Replies 4 (4)

laddisahsi
Shopify Partner
385 38 41

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>

 

laddisahsi_0-1700561380237.png

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Laddi





-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
saintnoir
Shopify Partner
21 0 4

Hi this doesn't look right?

 

It's aligned them but they're not in lineScreenshot 2023-11-21 at 10.19.16.png

laddisahsi
Shopify Partner
385 38 41

@saintnoir 

Can you please add the css, then I can check what exaclty wrong.
Its working at my end.

Thanks

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!

PageFly-Theodor
Shopify Partner
691 86 100

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.