How do I make CSS overrides for Joomla! components

RSFedra! includes a feature that allows you to easily create CSS overrides for any Joomla! component or module (3rd party or our own), without losing any of the changes when performing updates.


This is done by adding a .css file named after the component's internal name in the template's css folder. The full path looks as follows:


/templates/rsfedra/css/components/com_component_name.css


Examples


Head to the folder mentioned above. Here, you will find the CSS overrides that RSFedra! offers, by default, for the following components: Contacts, Content, RSBlog!, RSDirectory!, RSEvents!Pro, RSFeedback!, RSFiles!, RSForm!Pro, RSMail!, RSMediaGallery!, RSMembership!, RSTickets!Pro, Users Manager and Smart Search.


By editing any of these files, you will notice that they contain regular CSS code that overrides the components' default definitions.

Was this article helpful?

Yes No
Sorry about that

You Should Also Read

How do I create a template override

How to modify RSFedra!'s style without changing the source code

Changing the background image

How do I change the favicon image

How to enable displaying sub-menu items