Title: widget width and background problem
Last modified: August 21, 2016

---

# widget width and background problem

 *  Resolved [thuc](https://wordpress.org/support/users/thuc/)
 * (@thuc)
 * [13 years ago](https://wordpress.org/support/topic/widget-width-and-background-problem/)
 * hello,
 * the width of the calendar does not fit to the width of my widget. i followed 
   your instructions from [here from a similar reported issue](http://wordpress.org/support/topic/widget-details-width-booking-calendar?replies=2)
   but it did not work.
 * also, the widget should be elongating the background of the sidebar with white
   space so that it looks like it’s within the sidebar. however, it doesn’t do that
   and looks like it is floating instead.
 * please help.
    thanks.
 * [http://wordpress.org/extend/plugins/booking/](http://wordpress.org/extend/plugins/booking/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [thuc](https://wordpress.org/support/users/thuc/)
 * (@thuc)
 * [13 years ago](https://wordpress.org/support/topic/widget-width-and-background-problem/#post-3807034)
 * here’s my website
    [http://crammingcs.com](http://crammingcs.com)
 *  Plugin Author [wpdevelop](https://wordpress.org/support/users/wpdevelop/)
 * (@wpdevelop)
 * [13 years ago](https://wordpress.org/support/topic/widget-width-and-background-problem/#post-3807059)
 * Hello.
    You are need to open this file: [http://crammingcs.com/wp-content/plugins/booking/css/client.css](http://crammingcs.com/wp-content/plugins/booking/css/client.css)
   and make these fixes:
 * 1) Find this code on line 97:
 *     ```
       .widget_wpdev_booking, div#datepick-div {
         padding: 0;
         vertical-align: top;
       }
       ```
   
 * and make this modification:
 *     ```
       .widget_wpdev_booking, div#datepick-div {
         float: none !important;
         padding: 0;
         vertical-align: top;
       }
       ```
   
 * 2) Find this code on line 115
 *     ```
       .widget_wpdev_booking .datepick-inline, div#datepick-div {
         width: 240px !important;
       }
       ```
   
 * and replace it to this:
 *     ```
       .widget_wpdev_booking .datepick-inline, div#datepick-div {
         width: 245px !important;
       }
       ```
   
 * 3) Now find this code on line: 119
 *     ```
       .widget_wpdev_booking .datepick-header, div#datepick-div .datepick-header {
         width: 183px !important;
       }
       ```
   
 * and replace it ot this code:
 *     ```
       .widget_wpdev_booking .datepick-header, div#datepick-div .datepick-header {
         width: 245px !important;
       }
       ```
   
 *  Thread Starter [thuc](https://wordpress.org/support/users/thuc/)
 * (@thuc)
 * [13 years ago](https://wordpress.org/support/topic/widget-width-and-background-problem/#post-3807081)
 * thank you, that worked great!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘widget width and background problem’ is closed to new replies.

 * ![](https://ps.w.org/booking/assets/icon-256x256.gif?rev=3335907)
 * [Booking Calendar](https://wordpress.org/plugins/booking/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/booking/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/booking/)
 * [Active Topics](https://wordpress.org/support/plugin/booking/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/booking/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/booking/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 3 replies
 * 2 participants
 * Last reply from: [thuc](https://wordpress.org/support/users/thuc/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/widget-width-and-background-problem/#post-3807081)
 * Status: resolved