Why can’t I get a calendar to display correctly?!

I’m trying to use an appointments plugin with woocommerce. Every plugin I’ve tried (Woocommerce bookings, YITH, Woocommerce appointments) has the same problem: the calendar number dates are displayed vertically, not in the grid. Can someone please help me figure out what could be causing this?

Theme: Kadence, Hosting: Siteground

https://preview.redd.it/ce8wfed6sd3d1.png?width=1031&format=png&auto=webp&s=76ca128f5d820dcf05d80e80751b1d5a289158e5

1 Comment
  1. Check your theme: Make sure its fully compatible with WooCommerce coz certain theme may conflict with the plugin calendar
    Plugin Compatibility: plugins might have specific styling or compatibility settings related to calendar display. Make sure you’ve configured them correctly. Additionally, check for any known issues or updates related to these plugins.
    CSS Customization: you can also try customizing the CSS for the calendar display. You can add custom CSS rules to your theme or use a child theme to avoid losing changes during theme updates. Look for the specific CSS classes or IDs associated with the calendar elements and adjust their styling as needed. Example
    /* Example CSS (adjust as needed) */
    .woocommerce .widget_calendar table {
    /* Your styling rules here */
    }

    If it persist reach out

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer