WordPress.org

Forums

Booking Calendar
[resolved] Adjusting the width of calendar in widget (6 posts)

  1. morandan
    Member
    Posted 2 years ago #

    I need to make the calendar display wider in the sidebar. I found the place in the client.css to make the container and the header wider but I can't see how to make the lines of numbers wider. You can see what I mean here

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

  2. wpdevelop
    Member
    Plugin Author

    Posted 2 years ago #

    Hello,
    please open this file http://oceanviewcottagecapebreton.com/wp-content/plugins/booking/css/client.css

    at line: 109

    and make modifications from this code:

    .widget_wpdev_booking .datepick-inline table.datepick td {
      height: 25px;
      line-height: 25px;
    }

    to this code:

    .widget_wpdev_booking .datepick-inline table.datepick td a {
      height: 25px;
      line-height: 25px;
      width: 33px;
    }
  3. d94ap
    Member
    Posted 2 years ago #

    Hi,
    I have problem with the calendar width. The inside elements I can find but since the frame is set only with a style tag and no class it's hard to find. The link displays the look of my calendar now and you can see that the weekdays row is not as wide as the frame. You can also see the code in the Firebug window at the bottom.
    http://www.fjutt.se/download/calendarwidth.png

  4. wpdevelop
    Member
    Plugin Author

    Posted 2 years ago #

    Hello,
    please send the link to that page.
    Thanks.

  5. d94ap
    Member
    Posted 2 years ago #

    Not possible. It's on localhost.

  6. wpdevelop
    Member
    Plugin Author

    Posted 2 years ago #

    Hello,
    You can control the width of the elements using the CSS "class" of those elements and also add the "!important" term.

    For example like this:

    .datepick-inline {
    width: 216px !important;
    }

    and some other elements, like this:

    .datepick-header{
    width: 216px !important;
    }

    ...

Topic Closed

This topic has been closed to new replies.

About this Plugin

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

About this Topic

Tags

No tags yet.