Joomla Templates Club 406,261 posts

[petdiet Friend petdietJoin date: July 2017Posts: 13Downloads:8Uploads:2]

#1052840

Are there any predefined css classes for controlling the background color of a module. For instance, I would like the background color to be light grey or light green.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1052889

Hi
You can use module suffix in the module options to add new style code for the modules.
In the template, there are style classes those already defined.
You can also override them. I suggest you to use inspect element of firebug to check the style classes,
And override the code in the custom.css file.
This way you can customise the style as you wish.

Regards

[petdiet Friend petdietJoin date: July 2017Posts: 13Downloads:8Uploads:2]

#1053932

Hi,

Exactly where are the style classes so I can see some examples.

Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1054058

Hi
you have to define the codes yourself in custom.css file
You can check the color codes from here and apply them via module suffix class.
https://docs.joomla.org/Module_Class_Suffix
Regards

[petdiet Friend petdietJoin date: July 2017Posts: 13Downloads:8Uploads:2]

#1054108

Hi,

Okay. I guess my question was not very clear. I can see 2 predefined module class suffixes: mod-blue and mod-gray. I want to know if there are any other predefined suffixes for this template. I would have expected a green and a red one to match the other colors. So do they exist? If so, what are they? If not, where is the css for the mod-blue and mod-gray classes?

Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1054113

Hi
no, if you want more colour you can define them in custom.css file
example

.mod-green {background:#000;}

change the color code as per needs

Regards

[petdiet Friend petdietJoin date: July 2017Posts: 13Downloads:8Uploads:2]

#1054114

Thanks Pankaj.

[Author]

Posts