Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / add to cart button in CSS

add to cart button in CSS

Views: 1,189

Results 1 to 6 of 6
7 Oct 2011, 2:57 AM
#1
luxifer avatar

luxifer

New Zenner

Join Date:
Mar 2009
Posts:
57
Plugin Contributions:
0

add to cart button in CSS

for the life of me, I can't seem to change the size of the 'add to cart' button.
I'm experimenting with the css buttons.

I changed the default to

 .button_in_cart{width:30em;}

and it does nothing. I tried setting it in pixels, I tried all sorts of sizes.. no luck.

If I look in firefox web developer, there is nothing setting the width other than that. It shows accurately whatever I've set .buttin_in_cart to

I tried adding padding-left and padding-right, it seems to have no effect.
I then looked at the #cartAdd box, which is its parent, and made it bigger. No luck.
Can someone figure this out?

What am I missing?

7 Oct 2011, 6:49 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: add to cart button in CSS

A link to your site

7 Oct 2011, 2:05 PM
#3
luxifer avatar

luxifer

New Zenner

Join Date:
Mar 2009
Posts:
57
Plugin Contributions:
0

Re: add to cart button in CSS

kobra:

A link to your site
Site is not visible yet, it's in development.
here's a temporary link:
http://216.172.185.9/~classic/index.php?main_page=

7 Oct 2011, 2:28 PM
#5
luxifer avatar

luxifer

New Zenner

Join Date:
Mar 2009
Posts:
57
Plugin Contributions:
0

Re: add to cart button in CSS

stevesh:

This, maybe:

http://www.zen-cart.com/forum/showthread.php?t=166359

That did it. Damn, so easy. Why couldn't I find that post?

And.. why does it only work on the one button, and why wasn't it fixed?

anyways, thanks for the quick find.

18 Oct 2011, 3:07 AM
#6
labatts03 avatar

labatts03

New Zenner

Join Date:
Mar 2011
Posts:
20
Plugin Contributions:
0

Re: add to cart button in CSS

Luxifer:

That did it. Damn, so easy. Why couldn't I find that post?

And.. why does it only work on the one button, and why wasn't it fixed?

anyways, thanks for the quick find.

I am trying to make my add to cart button larger also, where you able just to change add to cart, or did you have to change all the buttons? If you did add to cart only, can you elaborate on how you did it?

here is my website if needed:

https://www.theblackweddingdress.com