wordpresswoocommerceelementorwoocommerce-bookings

CSS Help required in Elementor and Woocommerce

Need Help, I need to make this calendar full width and bring this button below the calendar. Here is the link of page https://demowork.codersharjeel.com/product/product-1/

Here is the image of how it looks now

Solution

  • Here is the css solution you need. I use this with the elementor on many websites where the Woocommerce bookings plugin is used. Simple and fast hack. Just add this into your Elementor's woocommerce single product css.

    .woocommerce div.product.elementor form.cart:not(.grouped_form):not(.variations_form) {
    display: block;
}