Page Level CSS

In an effort to give more flexibility in styling individual pages or groups of pages with custom CSS we have address a field for a "Page CSS ID".  This field should consists of a single work with no spaces and preferably be all lowercase.

For example you could enter the value "home" on the homepage of your site and add the following custom CSS to your site-styles.css file:

#home #hero { 
    background: URL(../../assets/img/hmpg-banner.jpg) center center no-repeat;
    background-size: cover; 
    }

This CSS would only apply to page that have the the "home" CSS ID specified and create a background image in the #hero section of the site.