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

Home Forums Support [Resolved] woo commerce add to basket ..stretches the whole width of page

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

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #795237
    Paul

    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

    #795342
    David
    Staff
    Customer Support

    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 */
    }
    #795364
    Paul

    will give it a go and report back
    thanks

    #797386
    Paul

    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

    #797442
    David
    Staff
    Customer Support

    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.

    #797468
    Paul

    awesome thanks

    #797802
    David
    Staff
    Customer Support

    You’re welcome

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.