Cart display behavior is messed up

View cart page, the “Change Address” line is too close to the line above it. Need to increase gap. “You may also be interested in” section’s image sizes are messed up. They are too large, which need to be back to normal. And this section should be a new section below the entire cart section and starts from the far left, not appearing right blow the payment links in the middle of the page. There is also one black line you will see at the middle of the page once the pictures are back to normal. How to remove that line.

Attachments:

You must be logged in to view attached files.

The black line is now removed. I just need you to remove the You Might Also Like section below the payment links (you will see this section x2 on the same page) and increase the row gap of “Change Address”. attached.

Attachments:

You must be logged in to view attached files.

Hello,

To remove the You Might Also Like section, edit the cart block with Elementor and remove this grid or carousel widget: https://ibb.co/Q7pHBB4m

To increase the gap in change address, add this code to the Theme Settings > Custom CSS > Global:

.elementor-widget-woocommerce-cart .woocommerce .woocommerce-shipping-destination {
    margin-bottom: 20px;
}

Best Regards,

Thank you. The codes work perfectly. But, I removed the widget and then the same section still sticks to the Payment link area. attached. Btw, the widget is located in the container below it, not in the cart container, but the misbehaved widget is in the cart container.

Attachments:

You must be logged in to view attached files.

Hello,

This is a Heading widget in the container, you can simply delete this widget if you want to remove it.

Best Regards,

No, you did not understand me… I do want the You Might also Like section appear in parallel to the cart. If I delete what you have suggested, the section below would be gone. I only want to delete the duplicated section beneath the payment link. attached.

Attachments:

You must be logged in to view attached files.

Hello,

You are using Elementor pro widget in the cart page to show this widget and this widget is in the cart widget not separately and there is no option in theme settings to remove this.

Try to use the Theme’s Layout Builder, you can create Custom Layouts for WooCommerce pages like cart and add the grid or carousel widget and choose the data source

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

[Author]

Posts