Archived topic

woo commerce add to basket ..stretches the whole width of page

6 replies · Started by Paul on January 29, 2019

Viewing posts 1–7 of 7

January 29, 2019 at 3:08 am #795237

Hi
Using GPPro and elementor Pro.
When adding a product to shopping cart, i get a notice that stretches across the whole page . One side saying 'product has been added to cart' and other side saying 'view basket'.
Is there anyway of shortening the length of this (have tried with elementor) and putting a box or different colour around the 'view basket' wording, so its more obvious.

Many thanks
Paul

January 29, 2019 at 5:00 am #795342

Hi there,

could try something like this:

.woocommerce-notices-wrapper {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.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;
    background-color: red; /* change color */
}

January 29, 2019 at 5:13 am #795364

will give it a go and report back
thanks

January 31, 2019 at 2:29 am #797386

works a treat on individual pages, but wont work using code snippets across site.
I will take that has an interim victory !!
Thanks again for your help

January 31, 2019 at 3:49 am #797442

Just add the CSS to your Additional CSS in the Customizer or if you have a child theme then it can go in your style.css. Code Snippets is only for PHP Functions :)

Glad to hear it worked.

January 31, 2019 at 4:30 am #797468

awesome thanks

January 31, 2019 at 8:40 am #797802

You're welcome

This archived topic is closed to new replies.

Start building better websites today.