Style quantity and add to cart button on product listing

16 Aug 2012, 1:14 PM

Zen Follower

Join Date:: Apr 2010
Posts:: 263
Plugin Contributions:: 0

Style quantity and add to cart button on product listing

Hi,

I am working on https://www.dragons.digi-blue.co.uk, using version 1.3.9 h. Please see http://www.dragons.digi-blue.co.uk/index.php?main_page=product_info&cPath=1&products_id=1.

On the right, I have the form where customers can input quantity, and underneath that the Add to Cart button. I have been suffering for a few days to get them to align on the left, but when I change one it both the input and the button. Could someone please help on how to get them aligned with CSS?

16 Aug 2012, 2:32 PM

stevesh

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Style quantity and add to cart button on product listing

If you just want the input box and the Add To Cart button to line up on the left, change text-align: center; to text-align: left; in #cartAdd.

16 Aug 2012, 2:39 PM

barendfaber

Zen Follower

Join Date:: Apr 2010
Posts:: 263
Plugin Contributions:: 0

Re: Style quantity and add to cart button on product listing

Hi stevesh,

Thank you! I have been suffering for days and can't believe it was something this simple! All fixed now.