Okay
  Public Ticket #556029
Change color of buttons
Closed

Comments

  • Terrymcd started the conversation

    Hi

    We need to change the color of the buttons over "Add to cart" button. Those buttons which has + and - symbol. Not sure where to make that change.

    Following is our current custom css

    #top_bg > div.page_title_ctn { display: none; }
    
    
    #product-130 > div.summary.entry-summary 
    { width: 70%; }
    
    div.summary.entry-summary
    { width: 70%; }
    
    
    .single-product.woocommerce-page span.onsale {
        left: 800px;
        float: right;
        
    }
    
    
    .newsletter input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit] {
        background-color: #b17d49;
    color: #fff;
    background-image: none;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    
    
        }
    .newsletter button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
    background-color:#4d1132;
    color: #fff;
    background-image: none;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    } 
    
    
    input[type=text], input[type=email], input[type=password], input:not([type=submit]), .wpcf7 select {
    width: auto;}
    
    
    
    
    .newsletter .newsletter-td-submit {
    margin-top: 10px;
    padding-top: 10px;
    }
    
    
    #rev_slider_1_1 > ul > .active-revslide > .tp-caption > div > form > table > tbody > tr:nth-child(1) > td
     { margin-left: 10px; }
    
    
    
    
    
    
    
    
    .newsletter-email {
    border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color: #ffdcba;
        margin-left: 10px;
        
    }
    
    
    .related .products li { max-width:220px; }
    
    
    .woocommerce #fw_c {
        padding: 20px 0;
    }
    
    
    #posts {
    padding: 20px 0px 100px 0;
    }
    
    
    #fw_c  {
        padding: 20px 0;
    }
    
    
    .product_image_wrapper,.rd_woo_image_ctn { width: 300px; }
    
    
    #header_container > header > div > nav { padding-top: 8px; }
    
    
    .nav_type_1.shrinked_header #header_container > header > div > nav { padding-top: 5px; }
    
    
    .nav_type_1.shrinked_header #searchtop {
        padding: 17px 0px 13px 23px;
    }
    
    
    #searchtop_img { padding-top: 6px; }
    .section_wrapper { padding-top:30px; }
    
    
    #header_container > header > div > ul { padding-top: 3px; }
  •  895
    TheFox replied

    Hi again,

    If you are talking about the button for the quantity add this css :

    .qtyminus.qty-number,.qtyplus.qty-number { background:#000000; }

    change the color code to the color you want to use.

    Do not hesitate to contact us if you have other questions.

    Regards