Article suggestions
  1. Home
  2. Design Settings
  3. How to Override and Edit Default CSS stylesheets

How to Override and Edit Default CSS stylesheets

How to Override and Edit Default CSS stylesheets
  • avatar
Written by Chan Nier
Updated on February 20, 2025

How to Override and Edit Default CSS stylesheets

 Link: https://support.brilliantdirectories.com/support/solutions/articles/5000559709

This is useful for editing the CSS of the header, footer, background of all pages, or any other area to be edited on all pages of the site.  To add CSS that will be applied to the entire site, please do the following.

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

Add all of the custom overriding CSS rules to the "Additional CSS" text area. 
IMPORTANT: THERE IS NO NEED TO INCLUDE <style> TAGS HERE

The CSS added here will override the default CSS of the 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 the custom CSS will be permanently deleted, and cannot be retrieved!


Thank you for leaving a rating!
Did you find this article helpful?
0 out of 0 people found this article helpful so far
Can't find what you're looking for? Get in touch
How can we help?
Send your question below and we'll get back to you as soon as possible.
Cancel
translation missing: en.kb.default.contact_form_error
×
Thanks for your message!
Thanks for your message!
×