Jump to content

Resize Add To Cart Button


Recommended Posts

Hello
 restore the ADD TO CART button on the product page , I have gone in and changed a lot in product.tpl and product.css . I have to change a lot but failed with everything . Now everything is wrong. pls pls help me.
look at my website : http://lodochsvetshuset.com/index.php?id_product=2&controller=product

 

so happy with Swedish text ( Lägg i kundvagn ) .. I want a button that looks like this :

http://www.24.se/mobiltillbehor/iphone-tillbehor/iphone-biltillbehor/5i1-laddset-till-iphone-44s

 

I am grateful for the help

Edited by Lod&svetshuset (see edit history)
Link to comment
Share on other sites

The code you are looking for.

HTML

<p id="add_to_cart" class="buttons_bottom_block no-print">
<button type="submit" name="Submit" class="exclusive">
<span>Add to cart</span>
</button>
</p>

CSS

.box-info-product .exclusive {
    padding: 0;
    border-top: 1px solid #0079b6;
    border-right: 1px solid #006fa8;
    border-left: 1px solid #006fa8;
    border-bottom: 1px solid #012740;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: block;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
    background-image: -moz-linear-gradient(#009ad0, #007ab7);
    background-image: -webkit-linear-gradient(#009ad0, #007ab7);
    background-image: linear-gradient(#009ad0, #007ab7);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
}

Next time back up everything before doing any modifications that you can undo what you have done.

Link to comment
Share on other sites

×
×
  • Create New...