How to use preset classes on a page, post or component

Custom classes on components

Step 1

Login to the CMS.

Step 2

In the tree menu, go to any page or blog post.

Step 3

Go to the 'Content' tab and locate 'Main Content'. 

Step 4

Click on a component or add a new one. 

Step 5

On the 'Settings' tab, locate the field 'Preset classes'.

Step 6

Click to activate each preset class available. You can use a combination of preset classes e.g. choose to hide a component on particular device sizes.

 

Custom classes on a page or blog post

Step 1

Login to the CMS.

Step 2

In the tree menu, go to any page or blog post.

Step 3

Go to the 'Advanced' tab.

Step 5

Locate the field 'Preset classes'.

Step 6

Click to activate each preset class available. You can use a combination of preset classes e.g. choose to show the header as transparent for this page or post.

Get started today

Join thousands of agencies, freelancers, enterprises & start ups worldwide who use uSkinned Umbraco themes to deliver results.

NEW Themes Released

We have launched new themes and released major updates.