Style & Design, Templating

Give each page on your Joomla website an individual and unique style with a Custom CSS module.

  • Get this
  • Favourite
  • Report

HD-Custom CSS is a simple module that allows you to style pages individually from the rest of the site. Just as the Custom HTML module allows you to insert HTML on a specific page, the Custom CSS module allows you override styles for a specific page.

Joomla's template structure assigns the same CSS file(s) to each and every page resulting in a framework of similar looking pages. With a custom CSS module you can broaden the scope of your design by having a different background image on every page, varying the module position sizes, applying different fonts, font colours, hyperlink behaviours, rollover effects or column widths.


It was only install and use!

Ease of use


I used this to: Make small changes in the CSS of a page without changing the template code.


Incredibly useful. I actually think it should be part of Joomla itself. Even allows for browser specific

Ease of use

Very easy to use


Never need any support, as it has always worked perfectly.


Everything needed.

I used this to: I use it for adding custom CSS to specific pages. It also means I can update my template without removing my custom code. If a module I am uses is not displaying well I can iron out any glitches very easily. It even allows me to make browser specific customizations if I need to.

Exactly What was Needed

Posted on 09 December 2015

Does what it says - is used to style the CSS of specific menu items.

Ease of use

Easy to install, and simple to use. Was confused for a bit about the positions, but this was easy to work out under the instructions page.


Instructions page is clear - it pretty much covers most/any issues I had.

I used this to: Used to style an article's header without having to create a custom page-style or overwriting all header properties. This means I can reference the article's CSS easily under my module pages, rather than having to go into template styles.


Never got past: "allocate to any module position on the menu item(s) you require." Step by step would have been nice in the setup section.

Ease of use

Sad when modules that presumably took non-trivial time to develop are hamstrung by quickly written docs that skim over details.

Customizing CSS

Posted on 23 January 2015

Able to change CSS for a single page/position only so functionality is very limited

Ease of use

Fairly easy to use

I used this to: A client website


Just works!

Ease of use

I pondered an issue for 4 hours, Googled it, found this extension completely by mistake, and solved my issue within 90 secs of installation!


Have not tested (hence the arbitrary 7/10), but I very much doubt there will be any need for support, have I mentioned - it just works!


Ample on the developer's website.

I used this to: Needed to re-position module positions, to be page specific, this extension just made it too easy.


Posted on 04 August 2014

This product is brilliant. It has saved me loads of headaches, many hours of worries and lots of work. You have to try this out. It is very easy to use and extremely powerful. For all of this it is a great big "thank you" to the developer from me.

I know my way around CSS and Joomla, but I'm still quite a novice by most standards and this module worked flawlessly - first try - and it solved a HUGE headache that's plagued me for some time now. Also, I used it on a custom template without any conflicts.

The only thing I had to adjust was my previous attempt at inline html within the module I was trying to style; once I cleared the messy inline html, the result was exactly what I wanted.

This is only my second review on JED, but I had to say: KUDOS! The developer(s) deserve a HUGE thank you for saving me headaches and precious time! :D


Posted on 29 April 2014

Does exactly what you want it to and no hassles. Great module to alter a page with CSS.

Good tool for customizing CSS

Posted on 05 February 2014

I didn't think that this kind of extension exists before. When a fellow developer told me about it, I found it quite interesting and when I used it for one of my projects it worked just fine. Easy to use with great flexibility for customizing CSS.



Free | Time | Hyde-Design
9 reviews
HD-Date is a simple plugin that inserts the current date into your Joomla website. Just enter {date} at the point where you want the current date to be rendered or {year} for the current year. The plugin works within any content (including articles, modules, components or within any template HTML). Great for automatically updating copyright footer dates. You can also select whether the date/year will be rendered via Javascript or PHP.
HD-Background Selector

HD-Background Selector

Free | Page Background | Hyde-Design
25 reviews
HD-Background Selector is a simple module that allows you to apply a different background style to individual pages on your Joomla website. You can select background colours, images or repeated patterns. It can be applied to the main background or to specific elements on your site (eg. module positions, columns, headers, footers, main content box, etc). You can also use this to apply random backgrounds, multiple overlaid backgrounds or day-specific backgrounds Joomla's templates generally have the same background style for each and every page. By applying this module to a specific page the background can be styled individually from the others, increasing the variety of your design without resorting to using multiple templates.
HD-Responsive Slides

HD-Responsive Slides

Free | Slideshow | Hyde-Design
0 reviews
A jQuery powered responsive image slideshow for Joomla 2.5. This module scales the images to fit the screen and caters for different browsers and mobile devices. It is was built primarily to be used on responsive templates, meaning it can resize the images depending on which screen it is viewed on. It also includes a browser/device sniffer function so you can select which device or browser it should appear on (iphones, Android devices, ipads, etc). More importantly, it's a very easy to use image slideshow. Under the advanced parameters section of the module is a "browser sniffer". This functions allows you to only render the module to the screen if the viewer's browser (or device) matches that specified in your module. This means you can target something to appear on an iPad that won't appear on a desktop.

Custom CSS

Last updated:
Apr 25 2016
Date added:
Nov 18 2014
GPLv2 or later
Free download
Uses updater:
Download Demo Support Documentation
  • Overall
  • Functionality

  • Ease of use

  • Documentation

  • Support