Support » Plugin: WooCommerce » change background color of account message box

  • Hello,

    How do I change the background color of the message box in account page in the tabs of “downloads” and “payment methods”?

    And how to change the background color of the button of “view” in the message box when a product is added to a cart?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support gabrielfuentes

    (@gabrielfuentes)

    Hi there! 👋

    Normally, the colors of the buttons could be changed through custom CSS code.

    Could you please provide us with a full-screen uncropped screenshot in order to understand where those buttons are located and provide you with guidance? I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on the page, then paste the URL here. It works with Chrome, Firefox, Safari, and Edge.

    Thanks in advance! 🙂

    Thread Starter pxmalye

    (@pxmalye)

    Hi,

    I sent you an email, please check.

    Plugin Support gabrielfuentes

    (@gabrielfuentes)

    Hi @pxmalye

    For easily sharing screenshots you can use the tool https://snipboard.io. Afterward, please paste the link here so that I can check the screenshot. 🙂

    Thread Starter pxmalye

    (@pxmalye)

    Hi,

    The screenshots are as follows:
    https://snipboard.io/krVOtq.jpg
    https://snipboard.io/lQ2oEJ.jpg
    https://snipboard.io/itz5NC.jpg

    I would like to change the background color boxes in account section for downloads and orders tab. Also I want to change the background color message box for the one after adding items to cart, and change the “view” button background color.

    Plugin Support gabrielfuentes

    (@gabrielfuentes)

    Hi there! 👋

    Apologize for the delayed response.

    I’ve checked your site, and I can see that it is down. Could you please let us know when it is up and running so that I can generate the CSS code for you?

    Thanks in advance!

    Thread Starter pxmalye

    (@pxmalye)

    Hi,

    The website is up and running now.

    Plugin Support gabrielfuentes

    (@gabrielfuentes)

    Hi there 👋

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
     

    /* Change WooCommerce message color */
     .woocommerce-message {
        background-color: #b34671 !important;
    }
    .woocommerce-message a.button.wc-forward {
        background-color: white !important;
    }
    

    Please, feel free to use different colors 🙂
     
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Cheers!

    Thread Starter pxmalye

    (@pxmalye)

    Hi,

    Please see the screenshot: https://snipboard.io/nEaHbw.jpg

    Now I can change that background color, but how do I change the message font color to #cc5987? And I also want to change the button font color to white and the the hover color to #d43774 on the button.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘change background color of account message box’ is closed to new replies.