Best practices for using CSS with your Shogun elements

If you already have some CSS classes in your site's theme, you can use them in the CSS class field to apply those styles to Shogun elements.

Just enter the class name as it would appear in the HTML, e.g., btn-large . You don't need include a leading dot in this field.

Adding CSS into Your Shogun Page

You can also add style tags directly into your Shogun page using in the HTML element, like this:

<style>
    .custom-class-name {        
        attribute: value;    
    }
</style>

Tip: You can create a Snippet of frequently used CSS customizations to quickly re-use them on other pages.

Adding CSS into Your Theme

If you want to repurpose the CSS across multiple pages & elements, we recommend adding the CSS to the bottom of your theme's main stylesheet. The <style></style>  HTML tags are not needed when adding to your theme's CSS file. For example: 

.custom-class-name {        
  attribute: value;    
}

Did this answer your question?