Versions Compared

Old Version 9

changes.mady.by.user Lynne Wilton (Unlicensed)

Saved on

compared with

New Version Current

changes.mady.by.user Elliot Dooleysmith

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This is an example of modifying the appearance of Astro booking screen:
Image RemovedImage Added
The stylesheet to be changed will be the same as the associated room profile.

...

  1. Locate the '.popup-big' class in the stylesheet content:

    Code Block
    languagecss
    .popup-big {
	background: #000 !important;
	background-color: #000 !important;
	background-image: none !important;
}


    Image RemovedImage Added


  2. Change the colour of the background to green grey by changing 'background-color: #000;' to 'background-color: #0F0#666;':

    Code Block
    languagecss
    .popup-big { 
	background: #000 !important;
	background-color: #0F0#666 !important;
	background-image: none !important;
}


    Image RemovedImage Added

  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.