Title: Woocommerce + Elementor Bug Last modified: January 5, 2021 --- # Woocommerce + Elementor Bug * Resolved [ramokwebdesign](https://wordpress.org/support/users/ramokwebdesign/) * (@ramokwebdesign) * [5 years, 4 months ago](https://wordpress.org/support/topic/woocommerce-elementor-bug/) * Hello, * I’ve come to an problem i can’t solve, i’ve tried almost everything. in the [ woocommerce_checkout] shortcode there is a image stuck with a shape devider, now i can’t seem to get rid of it. it looks like its in the shortcode itself, but I don’t know how to directly edit a woocommerce shortcode. help will be appreciated. * Greetings, M * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwoocommerce-elementor-bug%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 5 replies - 1 through 5 (of 5 total) * [crazywickedawesome](https://wordpress.org/support/users/crazywickedawesome/) * (@crazywickedawesome) * [5 years, 4 months ago](https://wordpress.org/support/topic/woocommerce-elementor-bug/#post-13866261) * Hi! * Thanks for reaching out! * I took a look at your site, when you say there’s an image shape do you mean the section I’ve highlighted in this screenshot: [https://snipboard.io/1MF4OL.jpg](https://snipboard.io/1MF4OL.jpg)? * If that’s the case, it’s coming directly and entirely from Elementor itself with the classes `elementor-section elementor-top-section elementor-element elementor- element-555cb7d elementor-section-height-min-height elementor-section-boxed elementor- section-height-default elementor-section-items-middle` * It sounds like you haven’t made changes to the checkout page directly, so this divider may be a result of some global templates or styles you’ve set inside Elementor itself. * I recommend that you reach out to Elementor support for help removing this divider, you should be able to contact them here: [https://elementor.com/support/](https://elementor.com/support/) * Best, * [Sunday Ukafia](https://wordpress.org/support/users/sukafia/) * (@sukafia) * [5 years, 4 months ago](https://wordpress.org/support/topic/woocommerce-elementor-bug/#post-13866299) * Hi [@ramokwebdesign](https://wordpress.org/support/users/ramokwebdesign/), * Could you please confirm if [this](https://d.pr/i/Ro4oS9) is the image you’re referring to? * If that’s indeed the image, I took a look and it’s an Elementor background overlay: [https://d.pr/i/c7XOLP](https://d.pr/i/c7XOLP) * Are you applying any customizations to your checkout page via Elementor? If you’re are, you’ll want to check it and remove the background overlay. * As an alternative, you can try hiding it using the below CSS code: * ``` /* Hide elementor BG overlay on checkout page */ .page-id-552 .elementor-background-overlay { display: none; } ``` * You’d have to add the code in Appearance > Customize > Additional CSS. Kindly ensure the page ID “552” matches your checkout page ID. That’s what I found when I inspected your site. (You can check the page ID by viewing your checkout page and hovering on edit on the toolbar) * I hope this helps! Let me know how it goes. * EDIT: It looks like myself and [@crazywickedawesome](https://wordpress.org/support/users/crazywickedawesome/) were on this about the same time. I’ll leave my response hoping it helps. Cheers! - This reply was modified 5 years, 4 months ago by [Sunday Ukafia](https://wordpress.org/support/users/sukafia/). * Thread Starter [ramokwebdesign](https://wordpress.org/support/users/ramokwebdesign/) * (@ramokwebdesign) * [5 years, 4 months ago](https://wordpress.org/support/topic/woocommerce-elementor-bug/#post-13866715) * Thank you for your message pals, i’ve hidden it with css. not the best option, but tried everything even your options. * Closed 🙂 * [saltwatercolours](https://wordpress.org/support/users/saltwatercolours/) * (@saltwatercolours) * [5 years, 1 month ago](https://wordpress.org/support/topic/woocommerce-elementor-bug/#post-14262362) * I have the exact same issue. I can’t find anywhere how it got stuck in the shortcode for the checkout. I do remember placing it on an Elementor page at one point, but I can’t figure out how to delete. Now wherever I place the “woocommerce_checkout” shortcode, I get this stuck image every time. * Any progress on figuring this out? * [saltwatercolours](https://wordpress.org/support/users/saltwatercolours/) * (@saltwatercolours) * [5 years, 1 month ago](https://wordpress.org/support/topic/woocommerce-elementor-bug/#post-14262434) * SOLVED!! I stumbled upon the answer that fixed my site. Turns out I had forgotten that I was using this plugin… * WooCommerce Page Builder For Elementor is the ideal Elementor add-on to effortlessly layout for WooCommerce and more. Version 1.1.6.4 | By DawnThemes * LINK… [https://codecanyon.net/item/woocommerce-page-builder-for-elementor/23339868?irgwc=1&clickid=xGAzOmzB3xyLTTgwUx0Mo38bUkEXNE2xoxXQUw0&iradid=275988&irpid=1263286&iradtype=ONLINE_TRACKING_LINK&irmptype=mediapartner&mp_value1=&utm_campaign=af_impact_radius_1263286&utm_medium=affiliate&utm_source=impact_radius](https://codecanyon.net/item/woocommerce-page-builder-for-elementor/23339868?irgwc=1&clickid=xGAzOmzB3xyLTTgwUx0Mo38bUkEXNE2xoxXQUw0&iradid=275988&irpid=1263286&iradtype=ONLINE_TRACKING_LINK&irmptype=mediapartner&mp_value1=&utm_campaign=af_impact_radius_1263286&utm_medium=affiliate&utm_source=impact_radius) * I had made a custom Checkout page where I had put an image. I later deleted that page and used a vanilla checkout page, but that image was embedded by the plugin at that time into the shortcode [woocommerce_checkout]. Therefore I wasn’t able to see it. * I had kept the custom checkout page in trash so I reactivated it, republished it, and in doing so removed the image from the customized template version of the checkout page. Even if I hadn’t saved it, creating a new checkout page template I think would have overwritten the shortcode contents as well. * So, the question is, do you now use or have you used a Woocommerce page customizer? If so, you may want to fire it up again to clean out any residuals left behind by making a new themed/customized checkout page. Seems to have done the trick! * Hope that helps! Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Woocommerce + Elementor Bug’ is closed to new replies. * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504) * [WooCommerce](https://wordpress.org/plugins/woocommerce/) * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq) * [Support Threads](https://wordpress.org/support/plugin/woocommerce/) * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/) * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/) ## Tags * [checkout](https://wordpress.org/support/topic-tag/checkout/) * [shortcode](https://wordpress.org/support/topic-tag/shortcode/) * [Stuck](https://wordpress.org/support/topic-tag/stuck/) * 5 replies * 4 participants * Last reply from: [saltwatercolours](https://wordpress.org/support/users/saltwatercolours/) * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/woocommerce-elementor-bug/#post-14262434) * Status: resolved