Introduction

Code Display, Custom Code in content, Style & Design, Templating

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


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.

You can target the specific menu item, article, page, browser or an URL that contains a specific element. You can even use the module publishing dates to apply the change on a specific date range.

Very effective



Posted on 31 January 2018
Functionality
Simple but very effective module for adding custom css specific pages. Works well in conjunction with the custom module
Ease of use
Got it up and running with what I needed in under 2 mins
I used this to: Customising the look of custom modules on specific pages of the site
Functionality
Works smoothly.
Ease of use
Simple to use after designation of module position.
Support
Never have to make use of it.
Documentation
Simpel
I used this to: Currently in use at 24 websites.
Functionality
It was only install and use!
Ease of use
Awesome!
Documentation
I used this to: Make small changes in the CSS of a page without changing the template code.
Functionality
Incredibly useful. I actually think it should be part of Joomla itself. Even allows for browser specific
Ease of use
Very easy to use
Support
Never need any support, as it has always worked perfectly.
Documentation
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
Functionality
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.
Documentation
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.
Functionality
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.

Amex SA



Posted on 06 September 2015
Functionality
0
Ease of use
0

Customizing CSS



Posted on 23 January 2015
Functionality
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
Functionality
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!
Support
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!
Documentation
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.

Brilliant!!!



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.
HD-Background Selector
Free

HD-Background Selector

By Hyde-Design
Page Background
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 backg...
HD-Date
Free

HD-Date

By Hyde-Design
Time
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...
HD-Responsive Slides
Free

HD-Responsive Slides

By Hyde-Design
Slideshow
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 sho...

Custom CSS

Version:
4.01
Developer:
Hyde-Design
Last updated:
Dec 16 2021
3 years ago
Date added:
Nov 18 2014
License:
GPLv2 or later
Type:
Free download
Includes:
m
Compatibility:
J3 J4
Download

Uses Joomla! Update System

Score:


Write a review