How to add custom style classes to pages, posts and components

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 or create a component. 

Step 5

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

Step 6

Use the field provided to add an additional CSS style to your page, post or component. You can then choose to style this component uniquely based on those styles. Since we use Bootstrap 4 as the basis of our themes, there are already a bunch of classes you could try out to get you started. See the examples here: https://getbootstrap.com/docs/4.4/utilities/spacing/.

 

Custom classes on pages or blog posts

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 4

Locate the field 'Custom page classes'.

Step 5

Use the field provided to add an additional CSS style to your page, post or component. You can then choose to style this page or blog post uniquely based on those styles. Since we use Bootstrap 4 as the basis of our themes, there are already a bunch of classes you could try out to get you started. See the examples here: https://getbootstrap.com/docs/4.4/utilities/spacing/.

Step 1

Login to the CMS.

Step 2

Go to a page, post or component node in the content tree.

Step 3

Scroll to 'Properties'.

Step 4

Locate the field 'Custom classes'.

Step 5

Use the field provided to add an additional CSS style to your page, post or component. You can then choose to style this page, post or component uniquely based on those styles. Since we use Bootstrap 4 as the basis of our themes, there are already a bunch of classes you could try out to get you started. See the examples here: https://getbootstrap.com/docs/4.4/utilities/spacing/

Get started today

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

NEW Site Builder!

We have launched a brand new, game-changing product for Umbraco CMS.