Docs

[mat_kinotek]

Hi,
I’m looking for a CSS solution to position the CART on top of the gray-backgrounded box here: http://cherrylaser.com/?post_type=product . So that when the cart is empty I see the instruction box, and when the cart hs items, it covers the instruction boxes.
Thanks!

[Lely]

Hi There,

Thanks for posting in. Did you figure this out already? I can see that the cart is on top of the gray instruction box already. See attached screenshot of what I currently see on your site and please confirm that this is done. If not, do give us a screenshot of what you want to achieve so we can help you better.

[mat_kinotek]

thanks, no i didn’t resolved-
I’m looking for a solution to have the cart on top , not above the gray box.
So that when the cart is not empty, it will hide the gray box underneath. I know in CSS it’s possible to have elements covering each other, but im not sure how.
I cannot provide a screenshot right now, but the final result will be that when the cart is empty, only the gray box will be visible. When cart has one or more items, only the cart will be visible.
Thanks!

[Paul R]

Hi,

To achieve that, you can add this under Custom > CSS in the Customizer.

.x-sidebar.right .widget.woocommerce.widget_shopping_cart {
    position: absolute;
    z-index: 99999;
    background: #fff;
    min-width: 407px;
    min-height: 500px;
}

Hope that helps.

[Author]

Posts