Welcome, Guest ( Customer Panel | Login )




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

LouisF
Starting Member

South Africa
1 Posts

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

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 //

devshb
Senior Member

United Kingdom
1904 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:

border=0

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
Developer
[email protected]
www.BigYellowZone.com
Web Design, Online Marketing and VPASP addons

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

bmw000
VP-CART 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:

}
INPUT
{
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:

}
INPUT
{
FONT-WEIGHT: bold;
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.

Thanks,
Brian Weber
BMW Solutions, LLC
http://www.bmwsolutions.com


Go to Top of Page

goldenheart
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

goldenheart
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
0 Item(s)
$0.00