Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 1, 2018 at 11:18 pm #1039746
    Roger

    Hello

    How can I change or customize the color of the background and the font, of the woo commerce button ? The buttons appear with a green or red background color, when I :

    1. add a prodcut to the chart,
    2. put in a invalid coupon code
    3. update the chart
    4. put in invalid or non text in the check out page

    and probably on other pages too, I have not seen yet

    Thanks for your help
    Kind regards
    Roger

    December 2, 2018 at 10:37 am #1039874
    Rikard

    Hey Roger,

    Please try the following in Quick CSS under Enfold->General Styling:

    .woocommerce-page .button {
  background:yellow !important;
}

    Best regards,
    Rikard

    December 2, 2018 at 2:25 pm #1039947
    Roger

    Hi Rikard

    Thanks for answer. Sorry for missunderstanding. I dont mean this button. I mean the big button ( kinde of banner ) who shows up when I update the chart with new product for example.

    The Banner shows when:
    1. add a prodcut to the chart,
    2. put in a invalid coupon code
    3. update the chart
    4. put in invalid or non text in the check out page
    …. and probably on other pages too, I have not seen yet

    See my Screenshots:
    Screenshot 1
    screenshot 3
    screenshot 2

    Thanks for your help
    Kind regards
    Roger

    December 2, 2018 at 6:48 pm #1040009
    Mike

    Hi,
    This is the css for the green success message (add to cart) & the red error messages (in the check out)
    please adjust the colors to suit:

    ##top div.woocommerce-message {
    border-color: #8BAF5B !important; 
    background-color: #E0F1B5 !important; 
    color: #4F5F39 !important; 
}
ul.woocommerce-error {
    background-color: #F0DCDB !important; 
    color: #941210 !important; 
}

    *Please note that I may have completed a order in your cart while testing, sorry :)

    Best regards,
    Mike

    December 12, 2018 at 10:04 pm #1044516
    Roger

    Hi Mike
    Thanks for your answer and the code. I try out your code, but it says there are two errors in it. ?!

    ( There are 2 errors which must be fixed before you can update this file.)

    Could you help in that again !? Thanks

    kind regards
    roger

    December 13, 2018 at 4:54 am #1044678
    Mike

    Hi,
    It looks like when I edited my answer our site tried to add a link, please try this code:

    #top div.woocommerce-message {
    border-color: #8BAF5B !important; 
    background-color: #E0F1B5 !important; 
    color: #4F5F39 !important; 
}
ul.woocommerce-error {
    background-color: #F0DCDB !important; 
    color: #941210 !important; 
}

    Best regards,
    Mike

    December 14, 2018 at 11:35 pm #1045490
    Roger

    Hi Mike
    Super. That works. Thanks a lot.
    kind regards
    Roger

    December 14, 2018 at 11:43 pm #1045492
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘woo commerce button color , green and red’ is closed to new replies.