Availability Calendar: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 18: | Line 18: | ||
If you want to change the first day of the week, for example to Sunday, add the following to your page anywhere before the calendar code. The number can be between 0 and 7 where 0=Sunday, 1=Monday etc. | If you want to change the first day of the week, for example to Sunday, add the following to your page anywhere before the calendar code. The number can be between 0 and 7 where 0=Sunday, 1=Monday etc. | ||
<script>var beds24CalStartDay=0;</script> | <script>var beds24CalStartDay=0;</script> | ||
| Line 26: | Line 26: | ||
If the widget does not fit into its designated place you can override the CSS padding for the buttons and make them smaller with the following CSS | If the widget does not fit into its designated place you can override the CSS padding for the buttons and make them smaller with the following CSS | ||
.beds24availcal input {padding:5px;} | .beds24availcal input {padding:5px;} | ||
Either add the above directly to your CSS or add the following to the HEAD section of your page, if necessary change the 5px to a better value. | Either add the above directly to your CSS or add the following to the HEAD section of your page, if necessary change the 5px to a better value. | ||
Code: Select all | Code: Select all | ||
<style> | <style> | ||
.beds24availcal input {padding:5px;} | .beds24availcal input {padding:5px;} | ||
</style> | </style> | ||
If you want to change the the style you can do this adding CSS to the stylesheet of your website. For example to change the font size add: | |||
.beds24availcal td{ | |||
font-size: 20px !important; | |||
} | |||