We
want to make a template for our site and our inttention is
to change some of the modules we are going to use, so the
look and feel of the result won't be so homogeneus following
the rules of the general templare design.
The
CSS class that controls the style of the modules is located
in the CSS file of the template: template_css.css;
search for this:
-
table.moduletable {}
-
table.moduletable th {}
-
table.moduletable td {}
Inside
them are defined the general style or the modules of the site,
of course, this depends on the template we chose.
Let's
go with an example:
- We
want to modify the Polls module of our site.
-
We want the title in red color and a font size of 20px and
uppercase. The body (in this case the poll's options) will
change too, green color and bold.
First
we need to find our Polls module and in the
Parameters tab, search the Module Class Suffix
label; now we must give a name (suffix) for our new class
we are going to assing to this module, for example mypoll
and click on the Save icon.
How
it works? We must edit the template_css.css
file. As table.moduletable is the general style class
for modules, we are going to name the new class as this:
table.moduletable_suffix_
{} ----->
so in our example: table.moduletablemypoll
{} (no spaces)
With
this class now we can assign parameters in the CSS file and
change the look of our module, but... because several modules
perhaps won't interpret the new CSS class correctly (for example,
in our "experiments", the polls module don't works
good. The tittle accepts the new code but not the body of
the module (options)).
So we are going to use what I named second class method
(just a name ;P ). Of course, you can see this way in the
original CSS file too, just using the module in two parts,
title (table.moduletable th {} ) and body (table.moduletable
td {} )
|
