CSS & Colors

Customizing Appearance

Colors and backgrounds for MembershipWorks features on your website can be adjusted under Customization > Appearance.

Note that if CSS overrides had been added to your website previously, the CSS overrides will still take precedence. For the settings under Customization > Appearance to take effect, please remove the old CSS overrides from your website.

Advanced CSS Overrides

Before attempting to override any other 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,  CSS overrides 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.

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.