How to change the styles of the basket message

Hi

Although I have bees seaching everywhere in my settings, I haven’t found where I can change the size of the message zone, the text color, border style… of the message shown when a client adds something to the basket. In the following capture, border and text are green. Not so sure to like that…

In a previous question, you gave me code to add a background. Do I have to customize all the items with code or is there a more simmple setting place to customize somewhere in the dashboard ?

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.woocommerce-message, 
.wpcf7-mail-sent-ok {
    color: #dd3333;
    border-color: black;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message, div.wpcf7-response-output {
	border-width: 1px;
  	border-style: solid;
  	font-size: 16px;
}

Regards

I’ve the same issue.
And how to change color button ?

Here is a code for the button

.woocommerce-message .button {
	background-color: black;
  	border-color: black;
}

.woocommerce-message .button:focus, 
.woocommerce-message .button:hover {
	background-color: gray;
  	border-color: gray;
}

Oh, just see the answer. Great, thanks !

Great, you are welcome 🙂

[Author]

Posts