I have noticed that the content of CiviCRM pages contain selectors such as:

  • Type selectors elementname,
  • Class selectors .classname, and
  • ID selectors #idname.

I know these can be used to modify the style rules to alter a specific element (or elements) of a page.

What stylesheet do you use to alter page content?

1 Answer 1


Usually I add a section to the theme's CSS rather than editing any core files in CiviCRM.

Note that there is also a "Custom CSS URL" that you can add, and you can also disable the core CiviCRM CSS if you want to. (Administer > System Settings > Resource URLs)

Resource URLS

  • 2
    Remember to use https if you are wanting to use the file on a secure connection, or the browser might ignore the custom css file--Ask me how I know. :)
    – talyric
    Apr 19, 2016 at 3:17
  • @Larya-CEDC.org could you please guide me.Thanks Nov 5, 2018 at 7:40
  • @MdMaidulIslam Which part above is unclear?
    – Laryn
    Nov 5, 2018 at 18:45
  • @Laryn-CEDC.org How we can Use custom css in civicrm . step by step guide any blog/youtube link. Nov 7, 2018 at 6:36
  • 1
    @MdMaidulIslam As stated above, you can override CSS in your CMS theme's CSS files, or create a custom CSS file and put the URL in the "Custom css URL" field shown above.
    – Laryn
    Nov 7, 2018 at 15:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.