You may want to add or override default the CSS rules that are part of the website. This is useful for editing the CSS of the header, footer, background of all pages, or any other area that you want to be edited on all pages of the site.  To add CSS that will be applied to the entire site, please do the following.


ADD SITE-WIDE CSS RULES

1.  Navigate to Settings >> Design Settings  >> Custom CSS / HEAD tab 




2. Add all of your custom overriding CSS rules to the "Insert Custom CSS Below" text area.


IMPORTANT: THERE IS NO NEED TO INCLUDE <style> TAGS HERE

The CSS added here will override the default CSS of your template. To go back to the default styles, simply delete the CSS here and the styles will be reset to their defaults.  



ADD PAGE-LEVEL CSS RULES


1.  Navigate to Settings >> Design Settings  >> Custom CSS / HEAD tab 




2. Add all of your custom overriding CSS rules to the "Insert Custom CSS Below" text area.


IMPORTANT: THERE IS NO NEED TO INCLUDE <style> TAGS HERE

The CSS added here will override the default CSS of your template. To go back to the default styles, simply delete the CSS here and the styles will be reset to their defaults. 



ADD CSS RULES to CUSTOM WIDGETS


1.  Navigate to Settings >> Design Settings  >> Custom CSS / HEAD tab 




2. Add all of your custom overriding CSS rules to the "Insert Custom CSS Below" text area.


IMPORTANT: THERE IS NO NEED TO INCLUDE <style> TAGS HERE

The CSS added here will override the default CSS of your template. To go back to the default styles, simply delete the CSS here and the styles will be reset to their defaults.  


NOTE: Please be careful when removing CSS from this area, as your custom CSS will be permanently deleted, and cannot be retrieved!