LoginSecure Color Classes

Videos


Features
Create your own color lists
Add your own values in the module parameters and the extension will generate your color classes for you.
Upon saving you can then use these classes to modify your content.

Modify any background color and hover state
Change any background or its hover state by assigning your specified color class to the element.
Change text elements color and hover state
Modify text elements and/or it's hover state by adding your specified color class to the element or its direct parent.
The following elements are currently supported:
H1-6 P div span strong small label input
Joomla Module Functionality
An extension like this is generally expected to be a plugin. But we decided to make it a module instead.
Therefore it can be added anywhere you want with Joomla's {loadposition} syntax.
Or set the position as debug and assign to specific menu items.
Demos

Color Classes
background colors
Color Classes
background colors with hover
Color Classes
text colors
Color Classes
text colors with hover
Frequently Asked Questions

-
Do you offer support?
Yes, we offer support for all our free and paid extensions. We gladly help resolve any issues you might encounter.
- Does this work with every framework?
- Can I manually select where I want this extension to be active.
- What are the requirements to run?
-
Help? I followed all instructions but the colors are not showing!
Make sure that you have added the color class to the element that you want to change or any of its nearest parents.
When you add the class for instance to the body but you want to target an element 20 children deep then there is a good chance that other CSS gets in the way.
Feel free to create a ticket if you need more help!
Simple Installation
- Login to the administrator area of your Joomla 3 website.
- Select in the Main Menu: Extensions > Manage > Install.
- Follow the onscreen instructions.

DEPENDENCY LABELS CHEATSHEET (KEEP ALWAYS HIDDEN)
Default = label-inverse
PHP = label-php
Joomla = label-joomla
LoginSecure = label-loginsecure
SUPPORT
