Joomla! Extensions Directory™

Download
Launch

Add Custom CSS

6 reviews
Get Add Custom CSS (v1.3.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 plugin. The plugin will load your custom CSS file in every webpage.

Change Log
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.

Load your custom CSS styles 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.

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.
Complete Image Styles
Paid download

Complete Image Styles

By Impression eStudio
Articles styling
Complete Image Styles is a Joomla plugin that provides a full collection of styles and effects for images. Now, you can make your images much more attractive by applying to them many styles. Complete Image Styles brings together all the standard and new styles that appeared with the growth of CSS. Styles like border, shadow, rounded corners, frame, embossed, perspective, lifted corners, raised box...
5
18 reviews
J3 J4 J5 (b/c plugin)
VirtueMart Pop Product Slider
Paid download

VirtueMart Pop Product Slider

By Impression eStudio
VirtueMart extensions
View your eshop products from VirtueMart in show cases where each one contains a picture, title, description, and many effects. With this tool you can display the most important or all the products in the first page of your website. Visitors can see quickly and easily selected products from you as they enlarge and slide under his cursor. This module takes advantage of the CSS3 styles like inner...
5
3 reviews
J3
Pop Image Slider
Paid download

Pop Image Slider

By Impression eStudio
Rotators
Pop Image Slider version 3.2.0 for Joomla 3 and version 4.0.0 for Joomla 4 is developed from scratch with new features and improvements! 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,...
4.5
20 reviews
J3 J4
Central Administrator
Paid download

Central Administrator

By Impression eStudio
Administration
Central Administrator provides an easy, fast and centralized way to monitor, from one place, the status of Joomla websites, in order to keep them working perfectly. The monitored websites can be scanned on demand by the admin, in order to get the latest information about them. Depending on this information, the admin can select direct actions for these websites, in order to keep them working updat...
4.5
2 reviews
J3 J4
Complete Text Styles
Paid download

Complete Text Styles

By Impression eStudio
Titles
Complete Text Styles is a Joomla plugin that provides a full collection of styles and effects for titles and text. Now, you can make your text much more attractive by applying to it different appearance than what the template can provide. Complete Text Styles brings together all the new styles and motion that appeared with the growth of CSS. Also, you can use Google fonts making the result even gr...
4.5
1 review
J3
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
J3 J4
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
J3 J4
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
J3 J4 J5

Add Custom CSS

Version:
1.3.0
Developer:
Impression eStudio
Last updated:
Aug 30 2021
3 years ago
Date added:
Nov 19 2014
License:
GPLv2 or later
Type:
Free download
Includes:
p
Compatibility:
J3 J4
Download

Uses Joomla! Update System

Demo Support Documentation

Score:

Functionality:
Ease of use:
Support:
Documentation:

Write a review