Jump to content

Changing Colour


Recommended Posts

Hi

 

in product_list.css line 123:

 

Code to replace:

 

      ul.product_list.grid > li .product-container .product-image-container .content_price {
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        background: url(../img/price-container-bg.png);
        padding: 9px 0;
        display: none; }
        ul.product_list.grid > li .product-container .product-image-container .content_price span {
          color: white; }

 

new code:

 

background: #F63;

Link to comment
Share on other sites

Hi

find in global.css

 

line ~5962:

.button.ajax_add_to_cart_button span {
    border: 1px solid;
    border-color: #06b2e6;
    padding: 10px 14px;
    display: block;
    background: #009ad0;
    background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
    background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%);
    background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%);
    background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%);
    background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0);
}

 

 

you can change this values with an border radius gradient generator like

http://css3generator.com/  or http://css3gen.com/gradient-generator/

----------

Sorry for my english; good luck

  • Like 1
Link to comment
Share on other sites

×
×
  • Create New...