Archived topic

Woo Notices

1 reply · Started by Ash on May 28, 2021

Viewing posts 1–2 of 2

May 28, 2021 at 12:34 am #1801084

So I use the following css to fix design issue with add to cart woo notice.

.woocommerce-notices-wrapper .woocommerce-message {
    padding: 0;
    display: flex;
    align-items: center;
}
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
    order: 2;
    padding: 20px;
    margin-left: auto;
	  font-weight: 600;
	  background-color: rgba(0,0,0,0.3);
}

But it effects the update and product removal notices, think this is due to padding: 0;

Thanks

May 28, 2021 at 8:18 am #1801808

Hi there,

try this:

.single-product .woocommerce-notices-wrapper .woocommerce-message {
    padding: 0;
    display: flex;
    align-items: center;
}

.single-product .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
    order: 2;
    padding: 20px;
    margin-left: auto;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.3);
}

It should only affect the notice on the single product page.

This archived topic is closed to new replies.

Start building better websites today.