Versions Compared

Old Version 1

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 Added
The stylesheet to be changed will be the same as the associated room profile.

Reference to the diagram above will indicate which class or ID needs to be altered to achieve the desired effect. In this example, we will change the colour of the Astro booking screen body.

  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 Added


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

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


    Image Added

  3. Click Save.

  4. Review the effect of the changes by returning to the Resource List and click Image Added 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.