woocommerce-error li

WooCommerce error messages

I can’t seem to find how to get rid of the bullet list that gets displayed on the checkout page when I don’t accept the terms and try to checkout.

Don’t click on the terms and conditions and click checkout. You can see the error at the top of the page and it has a bullet list.

The errors from checkout are all displayed in a single list (li in html) so that its easy to read. You can’t remove the listing from the errors as it would then just come up as a jumble of text.

I don’t want to remove the list, I want to style it to “NONE” but having difficulty finding the CSS element that needs to be added in my custom.css file.

Any idea which element it is exactly? I can’t seem to find it use Firebug!

Oh I see! In that case:

That should do it. The errors are all inside woocomerce_error and I added .checkout just to narrow it down in case they are called somewhere else that should be in a list format.

The bullet is removed, however the “label” font color is white on a white background. I added color:#0000!important; but it does not change the

li color. Don’t understand why not?

Can you figure it out?

I’m not sure what label you mean. The text in the input fields is set to #999 (see it in woocomerce-config>woocomerce-mod.css line 1113) and nothing else is really jumping out at me that is white on a white background.

Can you take a screenshot and circle or point out what the issue is as I think I’m just missing it entirely 🙂

Woocommerce shopping cart change

Currently with enfold theme,
after you add an item onto the shopping cart – A green box with black font will appeared saying that the item has been added,
I wish to make that green box to black box with white wording and a slimmer box,
How do i do this?
Regards!

.woocommerce-message, .woocommerce-error, .woocommerce-info <
padding: 0em 0em 0em 0em;
margin: 0 0 0em;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: -moz-linear-gradient(center top, #ffffff 0%, #fffff 100%);
background: -moz-gradient(center top, #ffffff 0%, #ffffff 100%);
color: black;
text-shadow: 0 0px 0 #ffffff;
list-style: none outside;
width: auto;
>
.woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after <
display: block;
clear: both
>
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before <
height: 0em;
width: 0em;
display: block;
position: absolute;
top: 0;
left: 0em;
font-family: sans-serif;
font-size: 0em;
line-height: 0;
text-align: center;
background-color: #ffffff;
color: black;
text-shadow: 0 0px 0 rgba(0,0,0,0);
padding-top: 0em;
>
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button <
float: right
>
.woocommerce-message li, .woocommerce-error li, .woocommerce-info li <
padding-left: 0;
margin-left: 0;
color: black;
background-color: #ffffff;
>
.woocommerce-message <
border-top: 0px;
color: black;
background-color: #ffffff;
>
.woocommerce-message:before <
background-color: #ffffff;
color: black;
>
.woocommerce-info <
border-top: 0px solid #ffffff;
color: black;
background-color: #ffffff;
>
.woocommerce-info:before <
font-family: Times, Georgia, serif;
font-style: italic;
color: black;
background-color: #ffffff;
>
.woocommerce-error <
border-top: 0px solid #ffffff;
color: black;
>
.woocommerce-error:before <
background-color: #ffffff;
color: black;
>

Leave a Reply

Your email address will not be published. Required fields are marked *