Joomla Templates Club 406,261 posts

[jimcapraro Friend jimcapraroJoin date: September 2008Posts: 109Downloads:8Uploads:2 Thanks: 22 Thanked: 4 times in 1 posts]

#150944

I’m building a website for a client. They have a logo that uses the color “teal” (close to blue, but not blue.) I have successfully changed the blue.css template file by changing all of the blue hex code to teal hex code.

But I have one problem. Changing the blue.css file color hex codes does not change the background color of the bottom modules. The background remains blue for User 6, User 7, User 8 and User 3.

Can someone point me to where I can change the code that controls the background display of these three modules.

Thanks
Jim Capraro

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

#343179

Dear Jim!

Pls open the file: /templates/ja_raite/css/colors/blue.css and try to find codes as following:
here is code to add the background:
[PHP]#ja-botsl { background: #0D9FC4; }
[/PHP]
Good luck

[jimcapraro Friend jimcapraroJoin date: September 2008Posts: 109Downloads:8Uploads:2 Thanks: 22 Thanked: 4 times in 1 posts]

#343189

<em>@tienhc 178067 wrote:</em><blockquote>Dear Jim!

Pls open the file: /templates/ja_raite/css/colors/blue.css and try to find codes as following:
here is code to add the background:
[PHP]#ja-botsl { background: #0D9FC4; }
[/PHP]
Good luck</blockquote>

Thanks for you help. That is the background color code for JA_Newsflash see lines 91-95 of the Blue.css file:
Line 91 #ja-newsflash { background: #0090A2; }
Line 92
Line 93
Line 94
Line 95 #ja-botsl { background: #0090A2; }

as you can see I had already changed the code and it looks fine. BUT this doesn’t change the background for user 6, user 7, user 8, and user 9. The bottom modules of my template are still the default blue, and not the new teal color ( #0090A2 )

Can you find the line for the code for bacground color for these 4 bottom modules?

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

#343544

Dear jimcapraro!

You can change background of those module as following:

pls open the file: /templates/ja_raite/css/colors/blue.css and find codes:

#ja-botsl { background: #0D9FC4; }
#ja-botsl .main { color: #ACE0EE; }

and replace:

#ja-botsl { background: #0090A2; }
#ja-botsl .main { color: #ACE0EE; background: #0090A2; }

above codes worked well on my site
Good luck

1 user says Thank You to Saguaros for this useful post

1. jimcapraro

[jimcapraro Friend jimcapraroJoin date: September 2008Posts: 109Downloads:8Uploads:2 Thanks: 22 Thanked: 4 times in 1 posts]

#343550

<em>@tienhc 178510 wrote:</em><blockquote>Dear jimcapraro!

You can change background of those module as following:

pls open the file: /templates/ja_raite/css/colors/blue.css and find codes:

#ja-botsl { background: #0D9FC4; }
#ja-botsl .main { color: #ACE0EE; }

and replace:

#ja-botsl { background: #0090A2; }
#ja-botsl .main { color: #ACE0EE; background: #0090A2; }

above codes worked well on my site
Good luck</blockquote>

That did it, site looks great now!! Thank you very very much!

Jim Capraro

[Author]

Posts