Shopping Cart Community

stam wrote:Hello community,
I wanted to ask if it is possible to change images (such as AddtoCart.gif - Wishlistbutton.gif) into css buttons. Does any of you guys have implement something like this? Any ideas maybe?

Thanks in advance,
Stam

<input class="Submit" type="submit" alt="Add To Cart" value="Add To Cart">

input[type="submit"] {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    height: 24px;
    margin-left: 4px;
    opacity: 100;
    padding: 5px;
    text-transform: uppercase;
}

MegaFemaTron2 wrote:

stam wrote:Hello community,
I wanted to ask if it is possible to change images (such as AddtoCart.gif - Wishlistbutton.gif) into css buttons. Does any of you guys have implement something like this? Any ideas maybe?

Thanks in advance,
Stam

Yes, we changed all of our buttons into CSS buttons. For instance, this is the addtocart button code:

Code: Select all

<input class="Submit" type="submit" alt="Add To Cart" value="Add To Cart">

You have to change your "Submit" class like how ours is below. And if you want all of your buttons to be the same, any button on your site using the class="Submit" will look like this.

Code: Select all

input[type="submit"] {
    background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    height: 24px;
    margin-left: 4px;
    opacity: 100;
    padding: 5px;
    text-transform: uppercase;
}