Change Error message possition

Hello,

I want to change error message position on the whole site. see attached screenshot.

Any help will be appreciated.

Thanks in Advanced.

Attachments:

You must be logged in to view attached files.

Hi,

But it is the way error messages are managed by WooCommerce plugin and we can’t move them next to field inputs in our theme scope.

Regards

Hello,

I don’t want to show error messages in Popup, can we show all messages on the form? see attached screenshot.

Any help will be appreciated.

Thanks in Advanced.

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to change this

[]
form.checkout {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}

.woocommerce-NoticeGroup-checkout {
   -webkit-box-flex: 1;
       -ms-flex: 1 1 100%;
           flex: 1 1 100%;
   max-width: 100%;
   width: 100%;
   margin-bottom: 40px;
        margin-top:20px;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
    position: relative;
    top:auto;
    bottom: auto;
    left:auto;
    right:auto;
    padding-right: 30px;
    z-index: auto;
    cursor: default;
    -ms-transform: none;
        transform: none;
   -webkit-transform: none;
   animation: none;
   -webkit-animation: none;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error:after {
    content: none;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error.hidden-notice {
    animation: none;
    -webkit-animation: none;        
}

Regards

Hello,

Thank you, it is done.

You are welcome!

[Author]

Posts