Page Comparison

This is an example of modifying the appearance of Astro booking screen:

The stylesheet to be changed will be the same as the associated room profile.

...

1. Locate the '.popup-big' class in the stylesheet content:
   .popup-big {
   background: #000 !important;
   background-color: #000 !important;
   background-image: none !important;
   …
   }
   
2. Change the colour of the background to green by changing 'background-color: #000;' to 'background-color: #0F0;':
   .popup-big {
   background: #000 !important; background-color: #0F0 !important;
   background-image: none !important;
   …
   }I
   
3. Click Save.

4. Review the effect of the changes by returning to the Resource List and click  in the profile to preview the display.

   Note
   Changes made to existing stylesheets will affect the Astro booking screens for all room profiles. If you only want to change the appearance of the Astro booking screen for one room only, you must create a new stylesheet and refer to it in your room profile.