Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #12209

    Hi,

    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.

    Here’s the link http://featherfactorycanada.com/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.

    Thank you,

    Lyse

    #74686

    Hi Lyse,

    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.

    Regards,

    Devin

    #74687

    Hi Devin,

    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!

    Lyse

    #74688

    Hi Lyse,

    Oh I see! In that case:

    .checkout .woocommerce_error li {
    list-style-type: none;
    }

    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.

    Regards,

    Devin

    #74689

    Hi Devin,

    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?

    Lyse

    #74690

    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 :)

    Regards,

    Devin

    #74691

    Hi Devin,

    Silly me, but how do I send you my snapshot picture

    #74692

    Hey!

    Your code ( color:#0000!important ) isn’t valid. Please try color: #000 !important; or color: #000000 !important; instead

    Best regards,

    Peter

    #74693

    Hi Devin,

    Just figured it out. I added

    .checkout .woocommerce_error strong {

    color: #000000!important;

    }

    So now the labels show.

    Thanks

    Lyse

    #74694

    Hey!

    Glad that you’ve found a solution :)

    Best regards,

    Peter

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘WooCommerce error messages’ is closed to new replies.