Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 5, 2015 at 5:45 pm #531014
    Wils1234

    Hi Support,

    I have added the CSS below o change the colour of the buttons. However, if you take a look at the screen short it has also changed the colour of these buttons which I don´t want. What is the CSS to change these colours of these buttons?

    Thanks in adsvance.

    ———————————

    div a.button{
    background-color: #F64C3F!important;
    font-size: 14px;
    border-color: #F64C3F;
    }

    div .container input.button{
    background-color: #F64C3F!important;
    font-size: 14px;
    border-color: #F64C3F;
    }

    div .container #review_form #submit {
    background-color: #F64C3F!important;
    font-size: 14px;
    border-color: #F64C3F;
    }

    div .container button.button{
    background-color: #F64C3F!important;
    font-size: 14px;
    border-color: #F64C3F;
    }

    November 5, 2015 at 6:01 pm #531041
    Wils1234

    Please can you also tell me how I can change the background colour of the cart counter in the top right corner.

    Thank you.

    November 5, 2015 at 6:36 pm #531080
    Elliott

    Hi!

    You can target the buttons on the cart page only in the page content by adding this in front of your CSS.

    .woocommerce-cart .entry-content

    So for example your first CSS rule would look like this.

    .woocommerce-cart .entry-content div a.button{
background-color: #F64C3F!important;
font-size: 14px;
border-color: #F64C3F;
}

    Best regards,
    Elliott

    November 11, 2015 at 6:23 pm #534301
    Wils1234

    Hi Elliott,

    This has been resolved. Thank you.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Button Colours’ is closed to new replies.