HOW TO remove button borders in shopping cart?

[sivstorhaug]

How can I remove the black borders seen around the buttons in the shopping cart? Strangely enough, there is not a border around all the buttons, and I can tell it looks much better. So what to do.

I can choose to show text or image, and I have chosen image, with the correct link i.g. (this is Norwegian folks, but ignore that fact) : http://sivstorhaug.powweb.com/store/med ... gg_til.jpg

I have tried to add border="0" in every possible location, no luck.

I have also tried to add

<style type="text/css">
img {border: 0;}
</style>

in the page header as I was told that this would fix the issue, but I most certainly have placed in an incorrect place , btw, my page header originally looks like this:




<img src="http://sivstorhaug.powweb.com/store/media/borders/logo2.jpg">

<style type="text/css">
div.productBlock {

height: auto;
border-color: #FF9BFF;
border-width: 4px;
border-style: double;
background-color:#ffffff;
layer-background-color:#ffffff;
visibility: visible;

}


div.productBlock div.checkout {

display: none;
}



</style>

Maybe someone can be an ANGEL and tell me what to do?

[robm]

If you view the source code, you'll see that each button on the cart has a class set, such as button7, button9, etc... Make sure you set the class definition for these buttons to not include a border, or set the border color to the color of the background.

[sivstorhaug]

Great, but...where? I am a total newbie.

The button info looks like this:


if (blank_flag == "1")
{
if (button == "8") {
document.forms.order.target = "_blank";}
else {
document.forms.order.target = "_self";}
}
else if (blank_flag == "2")
{
if (button == "8") {
document.forms.order.target = "_top";}
}

if ((button == "9") || (button == "6"))
return(true);

Where in this (to me) mess, do I put it, and written how?

[robm]

In your cart, you have the code:

<input type=image src="http://sivstorhaug.powweb.com/store/media/HANDLEKURV/slett_alt.jpg" class="button9" align="bottom" border="0" name="Empty Cart" alt="Empty Cart" tabindex="3" onClick="return(CheckIt(9,2));" >

In the css definition, you have:

.button9 {
border-color: #FFEFFF !important;
}

there are also a few other css defintions for button9. Try the same idea for button7, etc... for the classes for your buttons on the cart.

[anxiouskittie]

where is this css code? in what file/where?

as far as I know, you can't edit these files (the css stylesheets) of shopsite?

[robm]

The CSS code is in the shopping cart template itself. You would have to edit the template to alter the CSS. It is usually included via a ShopSite include, so you would need to copy the shopsite include to your own custom name, edit it, and then edit the cart template to call your custom include.

[anxiouskittie]

that makes sense, thank you :]