Appointment Calendar
Booking Apt. Boxes Lodged at bottom of page... (4 posts)

  1. Dosha
    Posted 3 years ago #

    I love your plugin but am having a problem when I try to make an appointment. The box that comes up is smashed at the bottom of the page and I am unable to get to the button to go to the next box in order to confirm. Sometimes, the box comes up so that just the edge of the "next" button is visible but when I click that the next box (where you choose the time of your apt., your name email and phone), there is nothing beneath the email and no ability to scroll down so I am not able to complete the transaction. The boxes are crammed to the bottom of the page so I am not able to get to all the buttons I need to proceed.

    This is for a client, and I would like to be able to use it, any help would be great.

    Thank you. :)


    Posted 3 years ago #

    Hi Dosha,

    Please share your site URL.


  3. Dosha
    Posted 3 years ago #

    Posted 3 years ago #

    Hi Dosha,

    Here the solution:

    1. Locate file shortcode-bootstrap.css in plugin dir
    (File Path: /plugins/appointment-calendar/menu-pages/bootstrap-assets/css/shortcode-bootstrap.css)

    2. Modify .modal class CSS top properties, just decrease it. (around line No. 3359)

    .modal {
        background-clip: padding-box;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        left: 50%;
        margin: -250px 0 0 -280px;
        overflow: auto;
        position: fixed;
        top: 50%;                 // Decrease It According to you
        width: 560px;
        z-index: 1050;

    And you done, Very Thanks...
    -Frank Faraz

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Appointment Calendar
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic