Joomla Templates Club 406,261 posts

[wr213 Friend wr213Join date: April 2008Posts: 5Downloads:0Uploads:0]

#127188

I can not get the module style suffix called _hilite to work. Every time I put the _hilite the bar turns white and will not call the grad2.gif color. I am using Joomla 1.015. Does that matter?

I made changes to the colors and every other section is fine except for this one part.

UPDATE: I have a Joomla 1.5 install in the same domain and the _hilite function worked fine in it. What can I do to make it work in 1.015? I want to get the 1.015 site working first since I know my way around it better and get the site online faster. The 1.5 version is a little harder for my to modify so until I master it I want to get the site back online with 1.015 first.

[Nam Nguyen Phi Friend Nam Nguyen PhiJoin date: September 2014Posts: 248Downloads:3Uploads:35 Thanks: 20 Thanked: 57 times in 29 posts]

#244166

To modify any thing relative to module with -hilite suffix, pls modify these style (they are in template.css):

div.moduletable h3,
div.moduletable-hilite h3 {
font-size: 100%;
margin: 0 -10px 5px;
padding: 5px 10px;
background: url(../images/grad3.gif) repeat-x bottom #A8A8A8;
border-bottom: 1px solid #E7E8E6;
color: #FFFFFF;
}

div.moduletable,
div.moduletable-hilite {
margin: 0;
padding: 0 10px 10px;
}

div.moduletable li,
div.moduletable-hilite li {
background: url(../images/bullet.gif) no-repeat 5px 8px;
margin: 0;
padding-left: 16px;
}

div.moduletable-hilite h3 {
background: url(../images/grad2.gif) repeat-x bottom #2C79B3;
}

Regards.

[wr213 Friend wr213Join date: April 2008Posts: 5Downloads:0Uploads:0]

#244176

Ok I changed this code:

[PHP]div.moduletable h3,
div.moduletable-hilite h3 {
font-size: 100%;
margin: 0 -10px 5px;
padding: 5px 10px;
background: url(../images/grad3.gif) repeat-x bottom #A8A8A8;
border-bottom: 1px solid #E7E8E6;
color: #FFFFFF;
}[/PHP]

to this

[PHP]div.moduletable h3,
div.moduletable-hilite h3 {
font-size: 100%;
margin: 0 -10px 5px;
padding: 5px 10px;
background: url(../images/grad2.gif) repeat-x bottom #A8A8A8;
border-bottom: 1px solid #E7E8E6;
color: #FFFFFF;
}[/PHP]

and now all my headers are blue and the header in question remains white. I then changed this;
[PHP]
div.moduletable-hilite h3 {
background: url(../images/grad2.gif) repeat-x bottom #2C79B3;
}[/PHP]

to this:

[PHP]div.moduletable-hilite h3 {
background: url(../images/grad3.gif) repeat-x bottom #2C79B3;
}[/PHP]

and there was no change. I am lost, is there anything else to edit besides the grad2.gif?

[lehoai Friend lehoaiJoin date: January 2007Posts: 158Downloads:0Uploads:0 Thanks: 13 Thanked: 7 times in 7 posts]

#244220

Please give me your live site url.

[jimg Friend jimgJoin date: June 2007Posts: 46Downloads:5Uploads:3 Thanks: 3 Thanked: 10 times in 3 posts]

#244234

For some reason, the moduletable suffix is “_hilite” in 1.5 and “-hilite” in 1.0.x

If you’re using 1.0.x, check to see if you’re using -hilite …

could be that simple – its caught me a few times… 😉

[wr213 Friend wr213Join date: April 2008Posts: 5Downloads:0Uploads:0]

#244257

Thanks a million Jimg. It WAS -hilite instead of _hilite. My problem is fixed!

[wr213 Friend wr213Join date: April 2008Posts: 5Downloads:0Uploads:0]

#244264

A question real quick. If I wanted to ADD another color, say red to the palette possibilities, so that I can call it using -redlite, and using grad4.gif as the image that I would need to create and upload, what line of code would I have to add and where would I put it?

would it be:
[PHP]div.moduletable h3,
div.moduletable-hilite h3 {
font-size: 100%;
margin: 0 -10px 5px;
padding: 5px 10px;
background: url(../images/grad3.gif) repeat-x bottom #A8A8A8;
border-bottom: 1px solid #E7E8E6;
color: #FFFFFF;
}
div.moduletable h3,
div.moduletable-redlite h3 {
font-size: 100%;
margin: 0 -10px 5px;
padding: 5px 10px;
background: url(../images/grad4.gif) repeat-x bottom #A8A8A8;
border-bottom: 1px solid #E7E8E6;
color: #FFFFFF;
}[/PHP]

Thanks in advance for all the quick replies!:)

UPDATE: Got it again. Made a whole section just like the hilite and called it redlite. Change all the “hilite” to “redlite”. Uploaded it a new image called grad5.gif (1x35px) and worked great. Thanks again.

[Author]

Posts