Overriding CSS

Overriding CSS

Before attempting to override our CSS, please be aware that our system is continually updated, and we do not guarantee HTML layouts or CSS rules to remain the same. Updates occur even if you do not update your site or plugin. As a result, we do not recommend attempting extensive CSS overrides which may break layouts in the future when the HTML or CSS rules change. 

If you do wish to continue, note that we cannot provide further support, the following information is all we will provide.
To override the CSS rule for an element, use an appropriate browser developer tool to inspect the element style. Our CSS rules begin with #SFctr. To override that CSS rule, simply create a new rule, increase its specificity by adding the "body" element to the start of the rule and add it to your site/theme CSS file.

Info
Note that our system is designed to be fluid and responsive, and some element styles would dynamically change based on class or javascript when the screen size or div container for changes. You will need to test your CSS at all browser widths.