WordPress.org

Ready to get started?Download WordPress

Forums

Booking Calendar
[resolved] Width and background problem (2 posts)

  1. jeogonz
    Member
    Posted 1 year ago #

    Hi

    I have a problem with the width and background on my website
    http://hotel-challans.fr/#reservation

    I know where it com's from :

    in datepick-inline i have an element style width of 0px

    <div class="datepick-inline" style="width: 0px;">

    If i change style="width: 0px; to style="width: 245px; with firebug it work's fine

    I didn't find where i can modify it in the source code?????

    Can you help me please

    http://wordpress.org/plugins/booking/

  2. wpdevelop
    Member
    Plugin Author

    Posted 1 year ago #

    Hello.
    The problem is not with background.
    You was set the option "Unavailable days from today:" as 31 at the General Booking Settings page, so thats why the days in the August is not available and you are see the black background. Please send this option to 0, so then you will be able to select the dates during August 2013.

    Also you are still have some CSS conflicts with the
    http://hotel-challans.fr/wp-content/themes/simplekey/css/general.css
    This CSS file is override some CSS attributes. For example the previous/next month links is not showing correctly, because of that.

    1) For fixing of that issue, please open this file:
    http://hotel-challans.fr/wp-content/plugins/booking/css/skins/standard.css

    Find this code at line 162:

    .calendar-links {
      float: left;
      height: 15px;
      margin-bottom: -35px;
      padding: 5px 0;
      position: relative;
      z-index: 0;
    }

    and replace it to this code:

    .calendar-links {
      float: left;
      height: 15px;
      margin-bottom: -35px;
      padding: 5px 0;
      position: relative;
      width: 100%;
      z-index: 0;
    }

    2) Then open this file: http://hotel-challans.fr/wp-content/plugins/booking/css/client.css

    at line: 207

    find this code:

    .datepick-inline {
      margin-bottom: 10px;
    }

    and replace it to this code:

    .datepick-inline {
      margin-bottom: 10px;
      width: 285px !important;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.