default Calendar view miss up in rtl

  • Resolved mohamedhat

    (@mohamedhat)


    1 year, 11 months ago

    We use Bookit with rtl (arabic language), but when use defalut view (which I see more friendly than the step to step view), The days and the slats missed up

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mohamedhat

    (@mohamedhat)

    you can check the website from here: zootyonline.com

    • This reply was modified 1 year, 11 months ago by mohamedhat.

    Hello @mohamedhat,

    Thank you for reaching our us!

    By applying the following CSS in Dashboard > Appearance > Customize > CSS section you can fix RTL issues:

    body.rtl #bookit-app .bookit-app-content .default-theme .monthly-calendar {
    padding-left: 0;
    padding-right: 30px;
    }

    body.rtl #bookit-app .bookit-app-content .default-theme .sidebar-filters .filters-container .filter .filter-info-bar .filter-info {
    margin-left: 0;
    margin-right: 5px;
    }

    body.rtl #bookit-app .bookit-app-content .default-theme .monthly-calendar .calendar-container .calendar-body .dates .week .date {
    text-align: right;
    }

    body.rtl #bookit-app .bookit-app-content .default-theme .monthly-calendar .calendar-container .calendar-body .dates .week .booking-form {
    justify-content: space-between;
    width: 92.5%;
    }

    Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘default Calendar view miss up in rtl’ is closed to new replies.

Tags