logo

Introduction

Core Enhancements

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

  • Get this
  • Favourite
  • Report

Almost in every Joomla site there is need to do customizations to the appearance of the template and the extensions. This extension (plugin and module) 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 plugin and as module. You can use one of them or both according to your needs. The plugin will load your custom CSS file in every webpage and the module will load it only to the webpages selected from you.

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


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.
Add Custom Javascript

Add Custom Javascript

Free | Coding & Scripts Integration | Impression eStudio
3
Score:
97
3 reviews
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 coded occasions), allowing you to be the last one who will affect your website. Using this extension for adding custom Javascript code there is no need to change the code of the template or 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 plugin and as module. You can use one of them or both according to your needs. The plugin will load your custom Javascript file in every webpage and the module will load it only to the webpages selected from you. The custom Javascript code is embedded in the head section and not included as a link to the custom CSS file because this way the code is loaded last.
m p
VirtueMart Pop Product Slider

VirtueMart Pop Product Slider

Paid download | VirtueMart extensions | Impression eStudio
3
Score:
96
3 reviews
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 and outer shadow and rounded corners. Also the administrator of the site has many options in order to control and change the style of the module. He can change the fonts, backgrounds, shadows, rounded corners, dimensions, as well as the image dimensions in normal and enlarged state. Features: - Responsive behavior. - Products display. - Categories display. - Auto sliding. - Appearance customization. - Sliding buttons.
m
Pop Image Slider

Pop Image Slider

Paid download | Rotators | Impression eStudio
3
Score:
93
19 reviews
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. Styled tooltips. Support for RTL direction. Better administration. More parameters. CSS3 features. Even better motion and effects. Pop Image Slider provides an impressive and interactive way to view images. The images slide left and right according to the cursor movement and when cursor is over an image, the image is magnified. The images are also links to urls specified by you. These links may open using the lightbox effect or in parent or blank window. Also the links may refer to web pages or file types such as image, video, sound, flash. Now there is no need to edit images in order to style them. Styles like border, shadow, rounded corners, gap between images can be achieved though the module parameters. The height and the width of the images, in normal and zoomed state, are automatically calculated based only on two parameters: a) the height in normal state and b) the percentage of the magnification. The users of the extension asked for more features (like Phoca Gallery support, image swap on mouse over, endless sliding etc.) and now these features are supported. Note: In case you use Joomla 2.5 and jQuery is not already loaded, enable the relative parameter in the module. Change Log: http://joomla.impression-estudio.gr/pop-image-slider/guide.php
c m
Complete Image Styles

Complete Image Styles

Paid download | Articles styling | Impression eStudio
3
Score:
90
15 reviews
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, cutout, glowing, reflection, curves, captions and others can be applied alone or in combination. In order to style an image you can use the predefined themes, you can modify them according to your needs or create a custom theme from scratch. Your themes will be saved in the plugin and can be reused easily to any existing or future image in your website. Complete Image Styles uses only **CSS **and **jQuery **to apply the styles. No special and transparent images are needed. Of course images can also be links. No coding skills are required. Only the plugin and a good content editor like JCE Editor or JCK Editor or CKEditor. So, wherever you have access to the editor (all articles and all modules) you can apply easily the styles. Developers who have knowledge of CSS can apply the styles to images of other Joomla extensions (like VirtueMart, SOBI, Phoca Gallery etc.) if the code of the extension allows that. Change Log: 2.1.5 - Fix: The font color of the "External Caption" sub style couldn't be applied. 2.1.4 - Fix: The stretch sub-style couldn't be disabled. 2.1.3 - Fix: The size sub-style was not working on normal state. - New line support in comments. - Sub-styles have indication of whether they are enabled or not. 2.1.2 - Less data are loaded to the page in order the styles to be applied. 2.1.1 - Fix: Apply styles to hidden images. 2.1.0 - Two new styles: Paperclip and Grayscale (Grayscale does not work in IE10 and IE11). - Improvements to some styles in Firefox. - More slots to save styles. - Faster save/load in plugin configuration. 2.0.0 - Responsive. - Rewritten code. - Use of jQuery (for better compatibility with the new versions of Joomla). - Ready made styles. - Improved configuration with explanatory images. - Usability escalation (easy use for the novice user and advanced features for the developer). 1.0.4 - The 'align' feature is added. - The styles are applied immediately ignoring the transition time. - The 'title' property is active to all styles. - Fix in the 'transition' style. 1.0.3 - Fix in the code for detecting version of IE. (Maybe this modification eliminates problems when minifying/compress javascript.) - Fix in the help file. 1.0.2 - Compatible with Joomla 3.x. - Secondary fix in some styles. 1.0.1 - Fix: styles work when image dimensions (width & height) are not defined. 1.0.0 - First release of the Complete Image Styles plugin. Styles For Text Do you want something similar for text? Take a look here: http://extensions.joomla.org/extensions/extension/style-a-design/titles/complete-text-styles
p
Add Custom PHP

Add Custom PHP

Free | Coding & Scripts Integration | Impression eStudio
3
Score:
0
0 reviews
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 official Joomla files.
p
Complete Text Styles

Complete Text Styles

Paid download | Titles | Impression eStudio
3
Score:
0
0 reviews
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 greater. Complete Text Styles uses only CSS and Javascript (jQuery) to apply the styles and effects. No additional or transparent images are needed. Of course, the styled text can be also link. No coding skills are required. Only the plugin and a simple content editor or the Joomla default editor. You are not going to use any tool from the toolbox of the editor. You can apply the style using only text (shortcode). So, wherever you have access to the editor (all articles and all custom html modules) you can apply easily the styles. Developers who have knowledge of CSS can apply the styles to the text of the tempate (like article and module titles) or to other Joomla extensions (like VirtueMart, Phoca Gallery etc.).
p

Add Custom CSS

Version:
1.1.1
Developer:
Impression eStudio
Last updated:
Dec 23 2014
Date added:
Nov 19 2014
License:
GPLv2 or later
Type:
Free download
Includes:
Compatibility:
Download

This extension does NOT implement the Joomla! Update System

Demo Support Documentation
  • Overall
  • Functionality

  • Ease of use

  • Documentation

  • Support