Public Forums 71,145 posts

[marinolifestyle Friend marinolifestyleJoin date: November 2009Posts: 4Downloads:0Uploads:0 Thanks: 2]

#146466

Hi there.
I have installed the Ja Purity II template on my site http://www.moneylink.co.nz and it is great. However The horizontal menu bar at the top of the page has the color blue when you click between menus and the home button is Blue. I would like to change the color to 006600 or similar to match that of the green in my logo. Can someone please advise how to do this. There is to much code to play with and I don’t to stuff up how far I have gotten. Also on the left side sections the text also changes to blue when clicking on those links. I’d like to change those.
Thanks

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#325617

Hi marinolifestyle

I would like to answer your questions as follows:

1. However The horizontal menu bar at the top of the page has the color blue when you click between menus and the home button is Blue. I would like to change the color to 006600 or similar to match that of the green in my logo. Can someone please advise how to do this.

=> Open templates/ja_purity_ii/css/menu/mega.css file, at about line 84, find following code section:

ul.level0 li.active {
background: url(../../images/grad1-mask.png) repeat-x top #006699;
}

and change to:

ul.level0 li.active {
background: url(../../images/grad1-mask.png) repeat-x top #006600;
}

2. on the left side sections the text also changes to blue when clicking on those links. I’d like to change those

=> Open templates/ja_purity_ii/css/template.css file, at about line 1208, find following code;

#ja-container ul.menu li.active > a {
color:#006699 !important;
font-weight:bold !important;
}

and change #006699 to your color.

1 user says Thank You to JA Developer for this useful post

1. marinolifestyle

[marinolifestyle Friend marinolifestyleJoin date: November 2009Posts: 4Downloads:0Uploads:0 Thanks: 2]

#326494

Many thanks for your assistance with the JA Purity II colour change.
I have to say that JA Kyanite is beautiful and I am installed in on http://www.moneylink.co.nz May I please ask kindly how do I change the code on this template to apply 006600 exactly as you answered before?
I cannot find similar code listed to make the changes. I had hoped it would look identical.

Also may I ask what Facebook type bottom nav bar are you using please. I tried FT bar but it looks different than that one on joomlart.com which is cool because it is collapsible.

Your site is cool. I will be joining in January.

Please advise if you are ever in New Zealand. Lunch and Beer on me;)

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#326714

Hi marinolifestyle

1.This file is in templates/ja_purity_ii/css/menu/mega.css, you can find my code which i sent you for modification.

2. Also may I ask what Facebook type bottom nav bar are you using please. I tried FT bar but it looks different than that one on joomlart.com which is cool because it is collapsible.
=> It is wibiya toolbar (http://wibiya.com/)

[marinolifestyle Friend marinolifestyleJoin date: November 2009Posts: 4Downloads:0Uploads:0 Thanks: 2]

#326716

Thank you for your answer and yes you did help me with Ja Purity and it worked great.
However I am now using the JA Kyanite template which is even better.
I was asking for help exactly the same as before but to change the colours in Ja Kyanite II template.
I cannot use the Purity instructions as they are very different.
Can you help please.

[Author]

Posts