Zen Cart Logo
Forums / General Questions / How do I make the Add to Cart Button wider?

How do I make the Add to Cart Button wider?

Views: 790

Results 1 to 10 of 10
3 Nov 2012, 6:24 PM
#1
u3nme avatar

u3nme

New Zenner

Join Date:
Nov 2012
Posts:
9
Plugin Contributions:
0

How do I make the Add to Cart Button wider?

I am trying to make this button wider so you can see all the text. Currently it shows as "Add to Ca"

thanks

3 Nov 2012, 6:25 PM
#2
kobra avatar

kobra

Black Belt

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

Re: How do I make the Add to Cart Button wider?

A link to what you have will assist

3 Nov 2012, 7:04 PM
#3
u3nme avatar

u3nme

New Zenner

Join Date:
Nov 2012
Posts:
9
Plugin Contributions:
0

Re: How do I make the Add to Cart Button wider?

totalbasketcase.us
text in all the other buttons fil except for this one.

Thanks for any help you can offer

3 Nov 2012, 7:45 PM
#4
kobra avatar

kobra

Black Belt

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

Re: How do I make the Add to Cart Button wider?

Viewing in Firefox, the text is enclosed by the button "Add to Cart"

3 Nov 2012, 8:02 PM
#5
u3nme avatar

u3nme

New Zenner

Join Date:
Nov 2012
Posts:
9
Plugin Contributions:
0

Re: How do I make the Add to Cart Button wider?

This is all I can find when I search

Line #86 : <!--bof Add to Cart Box -->

Line #112 : <!--eof Add to Cart Box-->

I appreciate your help but I need a file or path to follow. Is it in the stylesheet?

3 Nov 2012, 8:24 PM
#6
kobra avatar

kobra

Black Belt

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

Re: How do I make the Add to Cart Button wider?

That is an image - - look at template > buttons

3 Nov 2012, 8:39 PM
#7
u3nme avatar

u3nme

New Zenner

Join Date:
Nov 2012
Posts:
9
Plugin Contributions:
0

Re: How do I make the Add to Cart Button wider?

These are my options in template > buttons

  • CSS Buttons Stylesheet

/* css buttons */
.cssButton, .cssButtonHover {
width : 22em; changed this, nothing
background-color: #bdbdbd;
color : #000000;
border: 2px outset #F4F4F4;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
padding: 0.3em;
/border-spacing: 1px;/
/margin-left: auto;
margin-right: auto;
/
/display: block;/
/vertical-align: top;/
/line-height: 130%;/
/cursor: pointer;/
}

.cssButtonHover {
color: #006600;
border-style: inset;
text-decoration: none;
}
/* adding the styles below might be needed if the default button width is changed /
/
.button_continue_shopping, .button_shipping_estimator {width: 150px;} /
.small_delete, .button_prev, .button_next, .button_search {width: 7em;}
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {width: 12em;}
.button_return_to_product_list, .button_add_selected {width: 22em;}
.button_in_cart{width: 25em;}
.button_submit {width: 18em;}
.button_update_cart {color: red;}
.button_update_cartHover {color: #003D00;}
/
.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/

3 Nov 2012, 8:42 PM
#8
kobra avatar

kobra

Black Belt

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

Re: How do I make the Add to Cart Button wider?

That is a stylesheet
There are button images

3 Nov 2012, 8:56 PM
#9
u3nme avatar

u3nme

New Zenner

Join Date:
Nov 2012
Posts:
9
Plugin Contributions:
0

Re: How do I make the Add to Cart Button wider?

ok thanks anyway, I will figure it out somehow

4 Nov 2012, 2:42 PM
#10
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: How do I make the Add to Cart Button wider?

What kobra means is you have to edit the image, look for the image file, here:

/includes/templates/YOURS/buttons/english