Joomla! Extensions Directory™

Download
Launch

Add Custom CSS

6 reviews
Get Add Custom CSS (v2.0.0)
logo

Introduction

Core Enhancements, Style & Design

Load your custom CSS code after all other CSS files and override the styles of the template and the other extensions (modules & components).

Almost in every Joomla site there is need to do customizations to the appearance of the template and the extensions. This extension loads your custom CSS file after all other CSS files (except special hard coded occasions), allowing you to do any styling change you want.

Using this extension for doing CSS customizations there is no need to change the code of the template and the other extensions. That way you are free to apply updates, when an update from the creator is available, without worrying if the custom changes are going to be lost.

This extension comes as a module.

Change Log
2.0.0:
- Compatible with Joomla 4.x and 5.x. It is not compatible with Joomla 3.x.
- Changed to module (it was plugin).
- The CSS code is written inside the extension's code editor and not in a separate file.
1.3.0:
- Compatibility fix for Joomla 4.
1.2.1:
- Compatibility fix for PHP 7.
1.2.0:
- Auto update support.
- More options.
- Simpler configuration for the user.
1.1.1:
- More fields added for custom CSS files.
1.1.0:
- Code improvements to ensure that the custom CSS file is loaded last.
- Option for maximum interoperability between the localhost server, the official server and SEF urls.
- Useful instructions.
1.0.0:
- First release of Add Custom CSS.

Write a review

Simple yet excellent



Posted on 06 May 2022
Functionality
I designed almost all part of my site using this plugin. It works really well.
Ease of use
Very simple and easy to use , just needed to provide a path to the css file.
Support
Documentation
I used this to: I used this plugin for building my business site. And I'm sure I'll be using it for my every sites

Does exactly what I need



Posted on 19 March 2018
Functionality
Works as expected, allowing you to add a custom css file without going into the template.
Ease of use
Very easy, just drop in the .css file name
Support
Documentation
I used this to: adding custom css to an existing site where I have limited ftp permissions

css made easy



Posted on 05 September 2016
Functionality
custom css sitewide without having to edit template css files
Ease of use
simple. Just add into the component your custom css location
Support
not needed
Documentation
not needed
I used this to: custom css styling sitewide without messing with core files.

Great



Posted on 17 April 2015
Functionality
Works perfect and easy
Ease of use
Very easy
Support
Documentation
Good
I used this to: Add or overwrite css to my site

Nice!



Posted on 02 June 2014
Does exactly what it says. I have to do a lot of customising and this is a very useful tool.

Thanks a lot.

very handy



Posted on 11 February 2014
Very handy tool in the box. Works as expected.



One flaw though: the minified css is put before the CSS of other modules and components, hence you cannot override their styles unless you use !important.
Owner's reply: Thank you for your review Carin.

The most important characteristic of this plugin is that it puts the CSS code after all other extensions so you can override their styles. I use this tool in almost every website I make and I can be quite sure about that. I will explain some things below to make it clear. (You can also find the same instructions in the documentation.)

The easiest way to have your CSS after all other extensions is to use the plugin of Add Custom CSS and put it last in the order of the plugin list. If you enable the minification of the CSS, the CSS will be still last. The option for the minification of the CSS does not affect the place of the CSS.

If you use the module of Add Custom CSS then you have to know that your CSS will be placed before the CSS of the plugins because modules load before the plugins. Also you have to do something more in order your CSS to be placed last among the other modules. You have to select the module position that loads last among the other module positions of your template. This is not obvious, so you have to do tests and check the code each time. After you find the module position that loads last, put the Add Custom CSS module last in the order of the module order for the specific module position.

The use of the module is not so easy as the plugin but sometimes there are users who don't want to load CSS to every page of a website just to use it in one of them.
Pop Image Slider
Paid download

Pop Image Slider

By Impression eStudio
Rotators
Pop Image Slider provides an impressive and multi-interactive way to view images. The images slide left and right according to the cursor movement and when the cursor is over an image, the image is magnified. The images can be links to other content like images, videos, websites etc. These links may open in a modal window, in the same window or a new window. There is no need to edit images in ord...
4.5
20 reviews
J4 J5
Add Custom Javascript
Free

Add Custom Javascript

By Impression eStudio
Coding & Scripts Integration
Load your custom Javascript code to all or some pages of your website. Sometimes there is need to do customizations to the appearance of the template or the included extensions and these customizations are not possible using CSS. Also there is need to add some functionality on a form or button. This extension loads your custom Javascript file after all other Javascript files (except special hard...
3.5
5 reviews
J4 J5
Add Custom PHP
Free

Add Custom PHP

By Impression eStudio
Coding & Scripts Integration
This extension executes the custom php code specified by the administrator, each time a page is loaded. The custom code is written in a single file which can be added everywhere among the website files. Then, the path to that file is filled in the plugin parameters. The great benefit is that you can still use the variables and functions of the Joomla framework like the code is written inside the...
Not rated
J4 J5
Download Link Protection
Paid download

Download Link Protection

By Impression eStudio
Access & Security
Protect the links used for downloading files like zip, pdf, mp3, csv, jpg etc. The protected links work only to the users who click them through your website. The real link of the file to be downloaded is hidden by a random link that is unique per user and visit. The Download Link Protection plugin provides a very simple but practical way to hide the real URLs for files from being displayed and a...
Not rated
J4 J5
Complete Celebration Reminder
Paid download

Complete Celebration Reminder

By Impression eStudio
Alerts & Awareness
Complete Celebration Reminder is a Joomla extension that displays upcoming celebrations, national holidays, public holidays and name days within a country. For example, users will be able to see a list of the next 10 closest holidays starting from the current day. The goal of Complete Celebration Reminder is to act as a holiday calendar and remind website visitors of important days that are appro...
Not rated
J4 J5

Add Custom CSS

Version:
2.0.0
Developer:
Impression eStudio
Last updated:
Feb 17 2025
4 days ago
Date added:
Nov 19 2014
License:
GPLv2 or later
Type:
Free download
Includes:
m
Compatibility:
J4 J5
Download

Uses Joomla! Update System

Demo Support Documentation

Score:

Functionality:
Ease of use:
Support:
Documentation:

Write a review