Joomla Templates Club 406,261 posts

[trutasgc Friend trutasgcJoin date: April 2008Posts: 11Downloads:3Uploads:0 Thanks: 4]

#134515

Greetings,
I would like to know how to change the color of the hilite module to red, but keeping the default color on the site (black). I am sorry if this question was already answered, ´cause I have been searching with no success. Thanks.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#276154

Hi !
you can do it following way below :
Open template.css file in templates/ja_pyrite/css folder find following code section at about line 730 :


div.moduletable_hilite h3 {
border-bottom:1px dotted #FFFFFF;
border-top-color:#333333;
color:#FFFFFF;
font-size:135%;
}

change to :


div.moduletable_hilite h3 {
border-bottom:1px dotted #FFFFFF;
border-top-color:#333333;
color:red;
font-size:135%;
}

1 user says Thank You to Sherlock for this useful post

1. trutasgc

[trutasgc Friend trutasgcJoin date: April 2008Posts: 11Downloads:3Uploads:0 Thanks: 4]

#276199

Hello,
Thanks for your reply,
But it only changed the title font color, not the background.
Regards,

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#276375

Hi trutasgc !
to change background color of “_hilite” module , you do it following some steps below :
1. Open template.css file in templates/ja_pyrite/css folder find following code section at about line 737 :


div.moduletable_hilite {
background:#333333 url(../images/hilite-corner.gif) no-repeat scroll right bottom;
color:#FFFFFF;
margin:0 0 20px;
padding:0 20px 30px;
}


change to :


div.moduletable_hilite {
background:red url(../images/hilite-corner.gif) no-repeat scroll right bottom;
color:#FFFFFF;
margin:0 0 20px;
padding:0 20px 30px;
}


2. continue ,Open typo.css file in templates/ja_pyrite/css folder , find following code section at about line 49 :


div.quote-hilite {
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
}


change to :


div.quote-hilite {
background:red none repeat scroll 0 0;
color:#FFFFFF;
}


3. edit hilite-corner.gif image in templates/ja_pyrite/images folder to change background of it from black to red .

1 user says Thank You to Sherlock for this useful post

1. trutasgc

[trutasgc Friend trutasgcJoin date: April 2008Posts: 11Downloads:3Uploads:0 Thanks: 4]

#277041

Thanks a lot for your help.

[Author]

Posts