Results 1 to 7 of 7
  1. #1
    Join Date
    May 2008
    Posts
    349
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

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

    Try this at the bottom of the stylesheet

    #cartAdd {border:none;}
    20 years a Zencart User

  3. #3
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

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

    Sorry... so we're talking about the product listing page...
    20 years a Zencart User

  4. #4
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,928
    Plugin Contributions
    45

    Default 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

  5. #5
    Join Date
    May 2008
    Posts
    349
    Plugin Contributions
    0

    Default 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
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	1.JPG 
Views:	83 
Size:	13.3 KB 
ID:	8882   Click image for larger version. 

Name:	2.JPG 
Views:	80 
Size:	12.7 KB 
ID:	8883  

  6. #6
    Join Date
    May 2008
    Posts
    349
    Plugin Contributions
    0

    Default 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

  7. #7
    Join Date
    May 2008
    Posts
    349
    Plugin Contributions
    0

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

    YAY

    Managed to sort it out

    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?

 

 

Similar Threads

  1. v151 Getting rid of "add to cart" and just have a "buy" button
    By BryanKollar in forum General Questions
    Replies: 5
    Last Post: 22 Feb 2014, 06:41 PM
  2. remove the border around "call for price" and reposition "ask us" button
    By b90702098 in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 2 May 2012, 10:45 AM
  3. Get rid of box around add to cart button
    By undersun in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 1 Dec 2009, 10:51 AM
  4. How to get rid of border around buy now button?
    By mcpisik in forum All Other Contributions/Addons
    Replies: 2
    Last Post: 13 Jul 2007, 06:16 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg