Add Custom CSS in your Joomla website

In many Joomla websites, you need to customize your design, modify templates and other extensions. In this article, I will explain about how to add custom CSS to your Joomla website.

Download Add Custom for Joomla from the Joomla extension directory.

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.

Sign into Joomla as an Administrator. Go to menu “Extensions -> Manage”. Select the “Upload” tab and install the Add Custom for Joomla.

For this example, it’s used the plugin version. After installation click on Extensions -> Plugins. Look for the plugin and click enable:

plugins top menu Add Custom CSS in your Joomla website

enabled plugin Add Custom CSS in your Joomla website

To use load your custom CSS file after all other CSS files and override the styles of the template and the other extensions.

settings plugin Add Custom CSS in your Joomla website

This extension adds your custom CSS file as inline code at the end of the <head> element.

more settings plugin Add Custom CSS in your Joomla website

And that’s it! This extension is useful, you can add different styles css in your joomla website and this increases the customization.

This concludes Add Custom CSS in your Joomla website.

Looking for quality Joomla Web Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , , , , , , , , , , , , , , , | Posted under Joomla | RSS 2.0

Author Spotlight

Milton Parada

I am a computer engineer, I specialize in Joomla, i am the core engineer of sw social web, I love photography.

Leave a Reply

Your email address will not be published. Required fields are marked *