Most of the Components has default rendering logic. This logic is triggered when you DON'T apply Skin to certain Component:

no-skin-on-component

 

In the example above the component has NO Skin applied and we will see "Tom Cruise's beautiful smile" text on the screen:

 no-skin-on-component-result

To apply a Skin, select your Component in Content Section of SEEEMS.CMS.

In the top right corner there is a dropdown with all of the available skins for this type of component.

apply-skin-to-component

 

There you can select a Skin, that will be applied to your Component. Save Component by clicking on Save button and Skin will be applied to Component.

apply-skin-to-component-all-skins

 

In Skin we override default rendering logic.

 

Instead of "Tom Cruise's beautiful smile" text (default behavior) we see "Penelope Cruise's beautiful smile" text.