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).

  • Favourite
  • Report

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

100
Functionality

Works as expected, allowing you to add a custom css file without going into the template.

100
Ease of use

Very easy, just drop in the .css file name

100
Support
100
Documentation
I used this to: adding custom css to an existing site where I have limited ftp permissions
100

css made easy


Posted on 05 September 2016
100
Functionality

custom css sitewide without having to edit template css files

100
Ease of use

simple. Just add into the component your custom css location

100
Support

not needed

100
Documentation

not needed

I used this to: custom css styling sitewide without messing with core files.
100

Great


Posted on 17 April 2015
100
Functionality

Works perfect and easy

100
Ease of use

Very easy

100
Support
100
Documentation

Good

I used this to: Add or overwrite css to my site
100

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.

100

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 Pop Image Slider
Paid download

Pop Image Slider

By Impression eStudio
Rotators
Pop Image Slider v.3 has more features and improvements! Rewritten code and better performance. Responsive design. Available as component and module. jQuery support. In cooperation with Phoca Gallery and K2 extensions. Multiple instances per page. Images can have different width. New lightbox version with many themes. Endless sliding. Image swap on mouse over. Title and description per image. St...
Complete Image Styles 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...
Add Custom Javascript 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...
VirtueMart Pop Product Slider 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...
Complete Text Styles 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...
Central Administrator Central Administrator
Paid download

Central Administrator

By Impression eStudio
Administration
Central Administrator provides an easy and fast 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 in shape, updated and s...
Add Custom PHP 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...
Download Link Protection 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...

Add Custom CSS

Version:
1.2.0
Developer:
Impression eStudio
Last updated:
Mar 09 2018
Date added:
Nov 19 2014
License:
GPLv2 or later
Type:
Free download
Includes:
p
Compatibility:
Download

Uses Joomla! Update System

Score:


Write a review