- Thank you received: 1
Highlighting current menu item
-
JTGlenn1
Inactive member - Topic Author
- Member
Less
More
12 years 11 months ago #7245
by JTGlenn1
Highlighting current menu item was created by JTGlenn1
I have sub-menus on my site, however, when I'm on one of the pages that is listed under another menu item, all the other pages including the parent are highlighted as the current menu item.
My development site is: bcstest1.org/index.php/facultystaff/faculty
My development site is: bcstest1.org/index.php/facultystaff/faculty
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Thank you received: 1639
12 years 11 months ago #7258
by ivan.milic
Replied by ivan.milic on topic Re: Highlighting current menu item
Hi,
Current item has the css clases: .active and .current , his root parent has classes .active and .parent .Using this classes you can achieve desired functionality.
This is current css rule:
template_css.php
.column_right li.active a, .column_left li.active a:link, .column_left li.active a:visited {
color: #13752A !important;
}
Current item has the css clases: .active and .current , his root parent has classes .active and .parent .Using this classes you can achieve desired functionality.
This is current css rule:
template_css.php
.column_right li.active a, .column_left li.active a:link, .column_left li.active a:visited {
color: #13752A !important;
}
Please Log in to join the conversation.
-
JTGlenn1
Inactive member - Topic Author
- Member
Less
More
- Thank you received: 1
12 years 11 months ago #7261
by JTGlenn1
Replied by JTGlenn1 on topic Re: Highlighting current menu item
I found the line in the template_css.css file, I have tried several different things but I can't figure out what to change. Can you provide the more info?
Thanks!
Thanks!
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Thank you received: 1639
12 years 11 months ago #7269
by ivan.milic
Replied by ivan.milic on topic Re: Highlighting current menu item
You can just comment that with /* ... */ then add
.current
{
color: #13752A !important;
}
.current
{
color: #13752A !important;
}
Please Log in to join the conversation.
-
JTGlenn1
Inactive member - Topic Author
- Member
Less
More
- Thank you received: 1
12 years 11 months ago #7271
by JTGlenn1
Replied by JTGlenn1 on topic Re: Highlighting current menu item
Well, that didn't work.
It is no longer changing any menu text colors. The icons are working, just not the text.
Here's what the code looks like.
/*
.column_right li.active a, .column_left li.active a:link, .column_left li.active a:visited {
color:<?php echo $mainMenuTextActive; ?> !important;
}
*/
.current
{
color:<?php echo $mainMenuTextActive; ?> !important;
}
It is no longer changing any menu text colors. The icons are working, just not the text.
Here's what the code looks like.
/*
.column_right li.active a, .column_left li.active a:link, .column_left li.active a:visited {
color:<?php echo $mainMenuTextActive; ?> !important;
}
*/
.current
{
color:<?php echo $mainMenuTextActive; ?> !important;
}
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Thank you received: 1639
12 years 11 months ago #7272
by ivan.milic
Replied by ivan.milic on topic Re: Highlighting current menu item
Hi, jus add a like this:
.current a
{
color:<?php echo $mainMenuTextActive; ?> !important;
}
.current a
{
color:<?php echo $mainMenuTextActive; ?> !important;
}
The following user(s) said Thank You: JTGlenn1
Please Log in to join the conversation.
Time to create page: 0.362 seconds