Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Get Rid Of Border Around "Add to cart" button

Get Rid Of Border Around "Add to cart" button

Views: 1,381

Results 1 to 7 of 7
19 Feb 2011, 9:45 PM
#1
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Get Rid Of Border Around "Add to cart" button

Hi, iam trying to Get Rid Of the Border Around "Add to cart" button
( Please see attached picture )

I went to my includes/templates/mytemplate/css/stylesheet.css

I changed:
input,fieldset {
border-color: #999999;
}

To:

I changed:
input,fieldset {
border-color: #ffffff;
}

The border disappeared "Add to cart" buton, but the border around the "Quantity box" also disappeared ( Please see attached picture )

So i was wondering how i could get rid of the border around the "Add to cart" buton, but keep the border around the "Quantity box"

Heres a link to my site http://l u s h accessories.co.uk/index.php?main_page=index&cPath=1

(WITHOUT THE SPACES )

Hope somebody can help.
Thanks in advance :bigups:

19 Feb 2011, 9:48 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Get Rid Of Border Around "Add to cart" button

Try this at the bottom of the stylesheet

#cartAdd {border:none;}

19 Feb 2011, 9:52 PM
#3
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Get Rid Of Border Around "Add to cart" button

Sorry... so we're talking about the product listing page...

20 Feb 2011, 10:34 PM
#4
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Get Rid Of Border Around "Add to cart" button

You will need to add a class to either the input box or the add to cart button. Then you will be able to remove the border using the stylesheet. Use the developers toolkit to find out which file you need to edit.

Thanks,

Anne

22 Feb 2011, 10:26 PM
#5
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: Get Rid Of Border Around "Add to cart" button

Hi, thanks for getting back to me.
I tried putting in my stylrsheet:
#cartAdd {border:none;}

But nothing happened.

I changed:
input,fieldset {
border-color: #999999;
}

To:

I changed:
input,fieldset {
border-color: #ffffff;
}

The border disappeared "Add to cart" buton, but the border around the "Quantity box" also disappeared ( Please see attached picture )

Yeah iam tryin to get the change on the product listing view, but i havent a clue what to do now, i really hope somebody can help me out.

Thanks

22 Feb 2011, 10:37 PM
#6
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: Get Rid Of Border Around "Add to cart" button

Actually i changed the stylesheet_colors.css

I changed:
input,fieldset {
border-color: #999999;
}

To:

I changed:
input,fieldset {
border-color: #ffffff;
}

So i guess if i can put something in there to change the border white but keep the quanity box border black?
Hope somebody can help me with this, thanks

22 Feb 2011, 10:59 PM
#7
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: Get Rid Of Border Around "Add to cart" button

YAY :clap:

Managed to sort it out :bigups:

I went into the stylesheet_colors.css and deleted:
input,fieldset {
border-color: #999999;
}

Than went into the stylrsheet.css and changed:
input {
border: 1px solid;
}

To

input {
border: px solid;
}

I seems ok but when i highlight the add to cart it still showing the rectangle where the button is, does anybody know how i can make the selectable rectangle smaller?