Installation

  1. Download Add Custom CSS.
  2. In the Joomla control panel select: System > Extensions in the Install section.
  3. In the Upload Package File section click "Or browse for file" and locate the "add-custom-css-2.0.1.zip" file.
  4. Then click Open to upload the file and complete the installation.

Configuration

In order to configure Add Custom CSS go to the Joomla control panel and select: Content > Site Modules. Locate "Add Custom CSS" in the list and click it. You can see the Parameters of the extension as below:

Add Custom CSS Parameters

Parameters

The Add Custom CSS extension has the following parameters:

  • CSS Code: Fill in your custom CSS code.
  • Remove Comments: Remove the comments from all the custom CSS code.
  • Minimize: Minimize the custom CSS code.

Don't forget to:

  • Publish the module.
  • Set the module position. It is recommended to use a position at the end of the template (e.g. the Debug position).
  • To select the pages the custom CSS code will load, in the "Menu Assignment" tab.

Uninstall from Joomla

  1. Select: System > Extensions in the "Manage" section.
  2. Locate the line with name "Add Custom CSS" in the list.
  3. Check the line and click "Uninstall".

Notice

Please have in mind that some templates and extensions may have special code customizations that affect the normal operation of Joomla and this may not allow your custom CSS code to load last. In this rare case, you have to do other actions to override the small parts of code that are loaded after your custom CSS code (e.g. use !important or use higher specificity selectors).

Full Customization

If you need full customization of your website then you can use all the following free extensions:

  1. Add Custom PHP
  2. Add Custom CSS
  3. Add Custom Javascript