unable to change green color of action messages in woocommerce

Please let me know how to add the screenshot of the issue here.

Hello there,
by default this is how the green messages and Apply Coupon button appear in WooCommerce:

Link to image: https://d.pr/i/eV9y2X

As you can see, we do not have a tick in the action messages and the button is properly positioned.

In order to help you with your question, we need not only to see how it looks on your site with a screenshot, but we would actually need to visit the website.

I see that at the moment you have the maintenance mode blocking views of your site so I was not able to have a look.

If you could temporarily disable that I will be able to check further. Thanks.

Sure. I am disabling the maintenance mode for a few minutes. Thanks in advance

Thank you!

you can use the following code to change the look of the top border:

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border-top: 3px solid #a46497;
}

And this to change its green color:

woocommerce-message {
    border-top-color: #8fae1b;
}

For the thick:

.woocommerce-message::before {
    content: "\e015";
    color: #8fae1b;
}

Edit the code above using your colors and/or other changes and add it to Appearance > Customize > Additional CSS

Thank you. I am giving it a try. Can you please have a look at the apply coupon button on cart page? Its not in the same line. Please let me know how to move it next to coupon space. Thanks

Sorry, I forgot about that.
The issue with the button comes from the theme, from this code:

input[type="submit"], button[type="submit"] {
    background: #745cf9;
    border-radius: 0 !important;
    border: 2px solid #745cf9;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    max-width: 250px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}

Specifically, the width: 100%; part.

Add this code to the Additional CSS section to fix:

.woocommerce .cart .button, .woocommerce .cart input.button { width: auto; }

Thank you so much. Both issues resolved. Appreciate your help.

I have one more question regarding the shipping. Can i please ask in the same thread or do i need to create a separate one for that?

You’re welcome!

I have one more question regarding the shipping. Can i please ask in the same thread or do i need to create a separate one for that?

Please, create a separate thread for that so that it does not create confusion and it is easier to search for other users in the forum.

Thank you. Creating another thread

• This reply was modified 4 years, 11 months ago by whatthecup.