Position Add to Cart on same line as Quantity

Support
#1

Hi Guys

I’m trying to make my add to cart button be on the same line as quantity in stock - like in the screen shot attached.

I’ve tried some of the css & js query from the following threads, but none seem to work


It works on my demo site, but not on my real one.<img src="//tco-forum-uploads.s3.amazonaws.com/original/2X/4/4153399c2257b3d3cb45136c5ef762a2b4d3c664.JPG"width="366" height=“119”>

My website is www.uncannycollectibles.com. I’m using the X Theme. I would like to make this change on the single product page only.

Thank you

#2

Hey,

Please, can you provide to us a product`s link with this option? Almost link I visited there is one product in stock.

#3

https://uncannycollectibles.com/product/friday-13th-ultimate-jason-action-figure/

Also another issue that’s happening is that the number is stock for items with variations - pops up on the right hand side of the screen instead of being in the same location like in the link for jason above.
When I try to fix it, it aligns all text for everything to the right - so any advise on how to target this 1 piece for would also be greatly appreciated! Here’s a link for an affected product too & a screen shot

https://uncannycollectibles.com/product/star-wars-christmas-jumper/

#4

Hello There,

Thank you for the clarifications. To resolve your issue,please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce .quantity {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
}

Hope this helps. Please let us know how it goes.

1 Like
#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.