Home › Forums › Basel support forum › How to change the styles of the basket message

How to change the styles of the basket message

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 19, 2017 at 10:19 am #16606

    Anonymous
    Inactive

    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 ?

    July 19, 2017 at 12:55 pm #16614

    Bogdan Donovan
    Keymaster

    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

    July 19, 2017 at 1:19 pm #16615

    Naxelana
    Participant

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

    July 19, 2017 at 2:19 pm #16618

    Artem Temos
    Keymaster

    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;
}
    July 19, 2017 at 2:23 pm #16619

    Anonymous
    Inactive

    Oh, just see the answer. Great, thanks !

    July 19, 2017 at 2:36 pm #16621

    Artem Temos
    Keymaster

    Great, you are welcome 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)