WordPress.org

Support

Support » Plugins and Hacks » Appointment Calendar » Booking Apt. Boxes Lodged at bottom of page…

Booking Apt. Boxes Lodged at bottom of page…

  • Hello,
    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. 🙂

    http://wordpress.org/extend/plugins/appointment-calendar/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Dosha,

    Please share your site URL.

    Thanks

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Booking Apt. Boxes Lodged at bottom of page…’ is closed to new replies.
Skip to toolbar