VP-ASP :: Shopping Cart Software

Shopping Cart Software Solutions for anywhere in the World

US/Canada(Toll Free): +1 888 587 2278
Europe/UK: +44 (020) 7193 9408
Australia/New Zealand: +61 3 9016 4497

VP-Cart StoreFront Customer Forum

Home | Profile | Register | Active Topics | Members | Search | FAQ
Save Password
Forgot your Password?

 All Forums
 VPCart Forum
 Buttons and their borders
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Starting Member

South Africa
1 Posts

Posted - June 28 2004 :  04:37:19  Show Profile  Visit LouisF's Homepage  Reply with Quote

Does anyone know how to remove the borders you find around the buttons in the shopping cart display form? I have read the forum posts (tried editing shop.css, shop$colors.asp) and contacted support (don't know how to change !!!)

Any ideas here fellas?

// Time flies like an arrow. Fruit flies like a banana //

Senior Member

United Kingdom
1898 Posts

Posted - June 28 2004 :  06:36:36  Show Profile  Visit devshb's Homepage  Reply with Quote
by default, I think that image "buttons" (as opposed to normal buttons) will have borders around them as they're just considered to be image links, and image links always have borders by default.

to get rid of the border, you need to change the bit of code that has the "<img ...." html code in it, and add:


anywhere between the start "<img " tag and the end ">" tag for that image.

are you using images for buttons, or are you using "text" buttons ? if using text rather than images then that's a whole different ballgame.

Simon Barnaby
[email protected]
Web Design, Online Marketing and VPASP addons

Edited by - devshb on June 28 2004 06:39:01
Go to Top of Page

VP-ASP New User

137 Posts

Posted - June 28 2004 :  16:05:03  Show Profile  Visit bmw000's Homepage  Reply with Quote
I had a problem with borders around the buttons and also the radio buttons I use for the product features.

In shop.css under the INPUT section, it should look like this below:

BORDER-RIGHT: gainsboro 1px solid;
BORDER-TOP: gainsboro 1px solid;
FONT-WEIGHT: bolder;
FONT-SIZE: 11px;
BORDER-LEFT: gainsboro 1px solid;
COLOR: #000000;
BORDER-BOTTOM: gainsboro 1px solid;
FONT-FAMILY: Arial, Tahoma, Verdana

I deleted the BORDER LINES.

My new INPUT class looks like this:

COLOR: #000000;
FONT-FAMILY: Arial, Tahoma, Verdana

The borders I found around the buttons were the buttons that are .gif or .jpg files.

Not only did it get rid of the borders around these buttons, but it also got rid of the yucky flat looking windows standard buttons. Like the button for the search on the front page. It put back the standard windows button. In Windows xp it looks 3d ish.

Remember to make a copy of your existing shop.css before making these modifications just incase you do not get the results you are looking for.

I hope this helps.

I really hate the .css files. I find it is really painful find what you want to change and make the changes. It seems that there are so many features of the cart that use the same class so when you want to change one thing, it changes more than what you were expecting. It makes it very frustrating. Maybe if they were documented some where to tell you exactly what class is used where it might make it easier.

Brian Weber
BMW Solutions, LLC

Go to Top of Page

Starting Member

19 Posts

Posted - August 23 2005 :  19:20:47  Show Profile  Reply with Quote
Thanks this is helpful, but I am getting this too and its not a normal boarder around an image, its more of a ghosting line, anyone got another idea?

Go to Top of Page

Starting Member

19 Posts

Posted - August 23 2005 :  19:26:45  Show Profile  Reply with Quote
Actually, bmw000's post was correct, worked for me too. thanks.

Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000