The Advanced Tab

How to use

To use Custom CSS classes, you will need to type in a CSS class into the tile/row/page you would like to modify using CSS.
Note: You will get a pop-up error if you prefix your code with lt- or ltd- as these denote key classes used by LiveTiles to apply needed styles to the product.

You can find the Custom CSS Classes field under the Advanced tab in the row or tile settings

Or under Custom Code in the page settings

Once you have applied a class to your tile, you will then be able to reference it in one of two ways:

  1. Using the Code Snippet tile to apply styles directly to the page. The advantage of this method is that you will be able to see the style changes that you make instantly, without needing to save and go to the page.
  2. Using a stylesheet and then referencing it in the document head. This method has the advantage of being able to use common CSS classes across multiple pages without needing to recopy the entire code each time.

Related Links

Code Snippet tile
Custom Tile
Page Settings

Did this answer your question?