Q166: How can I change the look & feel of the checkin24-7 module on my website?

Advanced integration lets you fully adjust the look&feel of the checkin24-7 module by modifying the CSS stylesheet. Since version 2.0 of the plugins you can choose one of the predefined schemes in site settings / integrate with my website / advanced and set the URL of a CSS file which you should upload to your server and which can contain your own customizations of the chosen scheme. Of course instead of doing this you can also add your custom CSS styles in the stylesheet file you normally use in your website.

If you're not sure which styles to change, you should use a CSS/DOM debugging tool such as firebug for Firefox or Developer Tools for Chrome/Safari which will let you select an element on the page and then show all properties and styles for it. You'll find most content from checkin24-7 will have existing id or class names so you can easily apply your styles.

If you'd like to change contents displayed in the different modes (like search, reservation form, resource list or details) you can do so in site settings / templates. By using special tags like $(price), $(name) etc. in the template you can fully control the way the module presents content to the user.

If you'd like to change the stylesheet of the mobile version of the UI or of a calendar preview, please enter your custom CSS stylesheet URLs here.