Forums / General Questions / Need to move add to cart Button!!

Need to move add to cart Button!!

Started by darion on 19 Sep 2012, 4:23 PM · Views: 540

Results 1 to 4 of 4
19 Sep 2012, 4:23 PM
#1
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Need to move add to cart Button!!

Hi,

Im looking to move the add to cart button on my product info pages as well as the checkout button on my shopping cart page!! Please help me I have been trying to figure this out for weeks and have come up with nothing!!
Here is the site for reference: mysterydrawer.com (Please be advised this is an adult product site)

I thank you in advance for your help and responses in this matter!!

19 Sep 2012, 4:37 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Need to move add to cart Button!!

First things first. You need to install the Firefox browser and the Firebug or Web Developer extension. Either will let you examine your pages to see what page elements are associated with what rules in the stylesheet. For example, using Web Developer told me that your Add to Cart box uses the id 'cartAdd'. If I change the float: right; in the #cartAdd rule in the stylesheet to float: left; the box moves over to below the image.

19 Sep 2012, 7:02 PM
#3
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Need to move add to cart Button!!

Thank you for that great answer I will do both now and tell you how it goes. Thanks again

19 Sep 2012, 7:11 PM
#4
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Need to move add to cart Button!!

That worked great however is there a way to move it a'bit higher as its kinda under the top fold (meaning customers may have to scroll some to see it)
Thanks again.