Joomla Templates Club 406,261 posts

[bobgen Friend bobgenJoin date: January 2006Posts: 50Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 1 posts]

#144113

Is possible to get hilite modules with different background and/or text colors?

[santoshalom Friend santoshalomJoin date: February 2009Posts: 119Downloads:0Uploads:22 Thanks: 67 Thanked: 14 times in 1 posts]

#317154

In Template.css:

/* Hilite Module ---*/
div.moduletable_hilite { background: #BACAD3; }

change this color to your desired color

[nancygl Friend nancyglJoin date: April 2008Posts: 8Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#317161

I´install in my localhost Ja telline III, but the frontpage doesen´t work, I was install Ja Telline II before without any problem.

So Now I download Ja Telline III, even I install it with the quikstart.. but frontpage is dessapear……

[bobgen Friend bobgenJoin date: January 2006Posts: 50Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 1 posts]

#317208

Yes, it works, but only for module col_mass2. if I put Module Class Suffix: _hilite badge-top
In taht case I get small remarks on module “TOP”. OK, that is also ok. Which color is acceptable for taht?
Can I remove in some cases remark “TOP” ?

Can I in custom html module changing color of background and text?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#317217

You can do all that. If you want details then tell us exactly what you want to achieve.

[bobgen Friend bobgenJoin date: January 2006Posts: 50Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 1 posts]

#317245

OK, how I can change for new custom HTML module background color?

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#317259

If you want to add more colours add the following to your template.css….

/* Hilite Module —*/
div.moduletable_hilite { background: #BACAD3; }
div.moduletable_hilite2 { background: #FF0000; }
div.moduletable_hilite3 { background: #0000FF; }
div.moduletable_hilite4 { background: #006699; }

Use ‘_hiliteX’ as your module suffix where X is the colour you wish to use and change the colours to suit yourself.

1 user says Thank You to scotty for this useful post

1. santoshalom

[bobgen Friend bobgenJoin date: January 2006Posts: 50Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 1 posts]

#317263

It works. But in answer is small error. You need to use ‘_hiliteX’ (not ‘-hiliteX’).

1 user says Thank You to bobgen for this useful post

1. scotty

[santoshalom Friend santoshalomJoin date: February 2009Posts: 119Downloads:0Uploads:22 Thanks: 67 Thanked: 14 times in 1 posts]

#317284

In css

/* MODULE STYLES
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_default h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_hilite2 h3,
div.moduletable_hilite3 h3,
div.moduletable_hilite4 h3,
div.moduletable_tabs h3 {
margin: 0 0 5px;
padding: 0;
font-size: 110%;
text-transform: uppercase;
color: #000;
}

div.moduletable,
div.moduletable_default,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_hilite {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
position: relative;
}
div.moduletable_hilite2 {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
position: relative;
}
div.moduletable_hilite3 {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
position: relative;
}
div.moduletable_hilite4 {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
position: relative;
}

/* Tabs Module ---*/
div.moduletable_tabs h3 {
border-bottom: 1px solid #ddd;
padding: 5px 15px;
margin-bottom: 0;
}

div.moduletable_tabs { border-bottom: 1px solid #ddd; }

/* Hilite Module ---*/
div.moduletable_hilite { background: #BACAD3; }
div.moduletable_hilite2 { background: #FF0000; }
div.moduletable_hilite3 { background: #0000FF; }
div.moduletable_hilite4 { background: #006699; }

Module Class Suffix
_hilite4 badge-hot/top/new
i hope this helps too

[bobgen Friend bobgenJoin date: January 2006Posts: 50Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 1 posts]

#317286

These line I didn’t understand (sintax):
_hilite4 badge-hot/top/new

In which module I can use that suffix?

[Author]

Posts