Joomla Templates Club 406,261 posts

[mpinchuk Friend mpinchukJoin date: March 2012Posts: 57Downloads:0Uploads:15 Thanks: 13]

#176695

Hi,
How can I change the color of the elements which is marked out on the picture by yellow to be like the element marked out on the picture in red color.

Thank you in advance

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#451308

Could you give me a link to your website?

1 user says Thank You to khoand for this useful post

1. mpinchuk

[mpinchuk Friend mpinchukJoin date: March 2012Posts: 57Downloads:0Uploads:15 Thanks: 13]

#451313

http://hot-kitchen.com

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#451400

You replace the code from /templates/ja_anion/themes/light-green/css/color.css

div.ja-moduletable h3, div.moduletable h3 {
background-image: url(../images/h3-bg2.gif);
background-color: white;
}
with

div.ja-moduletable h3, div.moduletable h3 {
background: url(../images/bx-ct-bg2.gif) repeat-x;
background-color: white;
}
Replace the code from /templates/ja_anion/css/template.css

#ja-content-top div.ja-moduletable h3 {
background-color: white;
background-image: url(../images/h3-bg2.gif);
}
with


#ja-content-top div.ja-moduletable h3 {
background-color: white;
background-image: url(../themes/light-green/images/bx-ct-bg2.gif);
}

[mpinchuk Friend mpinchukJoin date: March 2012Posts: 57Downloads:0Uploads:15 Thanks: 13]

#451416

Thank you,
but it is became green only partially
look at picture please

background of the text is not green

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#451539

You replace the code from color.css

div.ja-moduletable h3 span span {
color: #777;
}
with

div.ja-moduletable h3 span span {
color: white;
}
Replace

div.ja-moduletable h3 span {
background-image: url(../images/title-bg2.png);
}
with

div.ja-moduletable h3 span {
background-image: url(../images/hilite-title-bg.png);
}
Replace the code from template.css

#ja-content-top div.ja-moduletable h3 span span {
color: #777;
}
with


#ja-content-top div.ja-moduletable h3 span span {
color: #white;
}
replace

#ja-content-top div.ja-moduletable h3 span {
background-image: url(../images/title-bg2.png);
}
with

#ja-content-top div.ja-moduletable h3 span {
background-image: url(../themes/light-green/images/hilite-title-bg.png);
}

[mpinchuk Friend mpinchukJoin date: March 2012Posts: 57Downloads:0Uploads:15 Thanks: 13]

#451860

It is changed, but characters are not white.
Please have a look http://hot-kitchen.com

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#451885

Your code is wrong

div.ja-moduletable h3 span span {
color: #white; <-- right is white (without #)
}

[mpinchuk Friend mpinchukJoin date: March 2012Posts: 57Downloads:0Uploads:15 Thanks: 13]

#451915

Sorry for mistake, I corrected it, but the color of characters changed only in main part of site, and did not changed at left and right.

[mpinchuk Friend mpinchukJoin date: March 2012Posts: 57Downloads:0Uploads:15 Thanks: 13]

#453764

Hello,
Any ideas?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#454455

Hi mpinchuk,

If you use editor like Firebug, you can easily see exact file name requiring the change.

Replace code from template.css:

div.ja-moduletable h3 span span {
background-position: left top;
color: #555555
height: 20px;
line-height: 17px;
padding-left: 11px;
padding-right: 0;
}

You can change color to white

Hope this helps.

1 user says Thank You to Saguaros for this useful post

1. mpinchuk

[mpinchuk Friend mpinchukJoin date: March 2012Posts: 57Downloads:0Uploads:15 Thanks: 13]

#454650

Sorry,
it was my mistake. I put # before name of color.
Now it is ok!
Closed!

[Author]

Posts