Cart & Checkout Pulling in Button Stylings

  • Resolved juiceycow

    (@juiceycow)


    3 years, 6 months ago

    Looks like there is a conflict with Elementor Global Button Stylings. I’m not sure if this issue is with Elementor Pro or WC blocks.

    Woocommerce Blocks is pulling in the global button styling and applying it to the dropdown titles (‘Shipping’, ‘Coupon Code’, ‘Order Summary’) in the cart and checkout.

    Screenshot

    I’ve linked to a live test page.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Dani F. a11n

    (@danielinhou)

    Hi @juiceycow ????!

    I have reviewed the page that you have linked and it seems that Elementor is adding styles to your site that are getting applied here.

    I see that on this file https://wordpress-337813-1522913.cloudwaysapps.com/wp-content/uploads/elementor/css/post-26.css?ver=1622046772 there’s this CSS selector:

    .elementor-kit-26 button, .elementor-kit-26 input[type="button"], .elementor-kit-26 input[type="submit"], .elementor-kit-26 .elementor-button

    The class .elementor-kit-26' is being applied to thebody` tag of this page so that pink style is applied to those buttons.

    I am not an Elementor expert so the best next step would be to repost this to the Elementor forum:
    https://www.ads-software.com/support/plugin/elementor/

    As a workaround you can use the CSS snippet below, on **My Site > Customise > Additional CSS**. :

    
.wc-block-components-panel__button {
    background-color: transparent !important;
}

    Please give it a try and keep us posted if you need any further help.

    Cheers!

    • This reply was modified 3 years, 6 months ago by Dani F. a11n.
    Thread Starter juiceycow

    (@juiceycow)

    Thanks!
    Good to know it’s Elementor and not Blocks causing the issue.

    Your CSS workaround worked great too. Thanks

    Plugin Support Dani F. a11n

    (@danielinhou)

    Hi there @juiceycow ????

    Thanks!
    Good to know it’s Elementor and not Blocks causing the issue.

    Your CSS workaround worked great too. Thanks

    Glad to hear it – thanks for letting us know!

    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cart & Checkout Pulling in Button Stylings’ is closed to new replies.