Joomla Templates Club 406,261 posts

[ellie_t Friend ellie_tJoin date: March 2008Posts: 205Downloads:0Uploads:11 Thanked: 1 times in 1 posts]

#147331

Hi, can anyone tell me how to change the green color in the main menu? For instance when you are on the home page the ‘home’ link is green, and the rest are blue. then, when you move to another item on the menu, that link becomes green.

our school colors are blue and red and it would be great if i could change that minor detail to be a red. i love the red in the red template, but that active link color is grey…

i figured it would be easier to change one color than two.

any guidance would be appreciated.

thanks.

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

#328416

Hi

Please try to do:

+ change template to red color
+ Open templates/ja_edenite/css/colors/red.css file, find following code section:

#ja-mainnav {
background: url(../../images/red/grad2.gif) repeat-x top #A1A1A1;
}

Here you can change the color from grey to your color.

[ellie_t Friend ellie_tJoin date: March 2008Posts: 205Downloads:0Uploads:11 Thanked: 1 times in 1 posts]

#328462

first of all, thank you for responding to my question. here is a problem that i have encountered.

my objective – to change the active menu link within the top menu from green to red.
this template is the default template.

problem: when i go to edit the ‘default’ template in the directory ‘templates/ja_edenite/css/colors/default.css file’ this ‘default’ file is empty. yet when i change to the ‘default’ settings within the template manager, it does successfully change to this template.

the file names within this directory are:
cyan.css – there is no line ‘#ja-mainnav {…’ in this file
default.css this file has 0 bytes
light.css – there is no line ‘#ja-mainnav {…’ in this file
orange.css
pink.css – there is no line ‘#ja-mainnav {…’ in this file
red.css

Then choices from the template manager are:
default
red
orange

when i did change red.css (remember, i want to change the default template which is the cyan, and i want to change the green to red.)

i changed the grey to a blue in the red.css and that didn’t work. when the page began to load that color did flicker along the background of the menu area but ultimately loaded the same… grey back with active red link.

i just like the blue in the cyan template so much i thought it would be easy to change that green link to red.

any other suggestions…thank you.:confused:

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

#328532

Hi ellie_t

It is very strangle for your files. I think you have made some changes.

In our demo site, you can find ‘#ja-mainnav {…’ in red.css file (http://templates.joomlart.com/ja_edenite/templates/ja_edenite/css/colors/red.css)

For your idea, with moo menu, please templates/ja_edenite/ja_menus/ja_moomenu/ja.moomenu.css file, find following code section:

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
color: #FFFFFF;
background: url(../../images/grad2-2.gif) repeat-x top #91AE4E;
}

and change to:

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
color: #FFFFFF;
background: #FF0000;
}

[nilsson69 Friend nilsson69Join date: October 2009Posts: 21Downloads:0Uploads:0 Thanks: 10]

#328864

Hi ellie_t
I think the solution are in this thread, http://www.joomlart.com/forums/topic/change-the-green-color-in-the-orange-template/ it worked for me.

[russh Friend russhJoin date: July 2009Posts: 57Downloads:0Uploads:6 Thanks: 13 Thanked: 4 times in 1 posts]

#329384

it’s not something as simple as not clearing your web cache in your browser – and any caching you have setup in Joomla – to see the new colours take effect?

[Author]

Posts