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 ?
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/
Best,
Hi @ramokwebdesign,
Could you please confirm if this 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
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 were on this about the same time. I’ll leave my response hoping it helps. Cheers!
Thank you for your message pals, i’ve hidden it with css. not the best option, but tried everything even your options.
Closed 🙂
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?
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
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!
