Joomla Templates Club 406,261 posts

[markomi Friend markomiJoin date: July 2006Posts: 2Downloads:0Uploads:0]

#123736

Hi,

how to get colored background in module (you have it blue on module titled On This Page).

thanx

[ferrioluk Friend ferriolukJoin date: December 2006Posts: 9Downloads:0Uploads:0]

#232686

I suppose you mean the module style colours available. I´ve got also some problems on finding them out.
I would like to find out how to put the background colour of one module on grey..as it looks on the demo at user 5 or top….

[surforguy Friend surforguyJoin date: November 2007Posts: 10Downloads:0Uploads:0]

#232772

Why can’t we get help with issues like these?

Where is the support?

[chakki1156 Friend chakki1156Join date: November 2007Posts: 6Downloads:0Uploads:0]

#234245

Some question: Where to find those settings? Greetz chakki1156

[oderland Friend oderlandJoin date: November 2007Posts: 18Downloads:0Uploads:0 Thanks: 2]

#234805

Would be nice if someone could answer. Need some color on those modules also.

[chakki1156 Friend chakki1156Join date: November 2007Posts: 6Downloads:0Uploads:0]

#234811

Hi there, this is the answer I received on my request to the helpdesk:

<blockquote>Hello Michael,
I have request the Design team regards to your question, and the answer is: JA Genista only have suffix “-default” style class for module and moduletable. You can found this attribute in the file: template_css.css locate in folder: templates/ja_genista/css/

Please feel free to contact me if I can assist you any further.

Sincerely,
Anh Trinh Viet

JoomlArt Customer Service.
——————————–
J.O.O.M Solutions Co., Ltd
</blockquote>

The only way to do this yourself is: working on the templates css-file …

Best rgds.

Chakki1156

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#234824

Open up the template_css.css file and add this at the bottom:

/*MODULE STYLING BY MENALTO*/
div.moduletable-color{
background:#cccccc;
text-align:left;
border: 1px solid #000000;
padding-top: 10px;
padding-bottom: 15px;
}
Then go to the module you want to add it to and you can see it says Module Suffix in the settings. Type in
-color
there and press save. Check the resoult how it is.
Before:

After:

This is just a quick way of doing it, but if you play around you can do the most sofisticated things by style each module on your site.

[Author]

Posts