Skip to Content search facebook instagram pinterest twitter youtube


Developing your own custom skin styles creates a unique look for your website.

The default skin included in SproutCMS provides a set of ready-to-go CSS which handles the styling of Sprout's in-built classes and elements. You can use these rules as a reference if you are starting your stylesheet from scratch, or build on them as you wish.

This section lists required classes a typical skin would include styling for.

CSS naming conventions

SproutCMS regularly makes use of BEM (Block Element Modifer) naming conventions (