turningweb
Jr. Member
Offline
Posts: 16
|
|
« on: January 02, 2010, 04:32:12 PM » |
|
How can I change the color of the active sublevel menu items? I would like visitors to know what page they are on by glancing at the menu (in this case, "Zoom" is active).
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #1 on: January 04, 2010, 01:00:04 PM » |
|
Hello,
Yes if you look at the sub menu items they all have an active class on the LI:
.s5_am_inner_li active item5
If you add CSS to the active LI class you can then get the active stylized
Regards,
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
turningweb
Jr. Member
Offline
Posts: 16
|
|
« Reply #2 on: January 04, 2010, 01:21:41 PM » |
|
Hello,
Yes if you look at the sub menu items they all have an active class on the LI:
.s5_am_inner_li active item5
If you add CSS to the active LI class you can then get the active stylized
Regards,
How and where do I add the css? I searched the accordion css file for "active" and found nothing.
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #3 on: January 05, 2010, 11:42:40 AM » |
|
.s5_am_inner_li .active { background:#cccccc;}
Try adding the above to the bottom of your accordion menu css file.
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
turningweb
Jr. Member
Offline
Posts: 16
|
|
« Reply #4 on: January 05, 2010, 01:18:39 PM » |
|
.s5_am_inner_li .active { background:#cccccc;}
Try adding the above to the bottom of your accordion menu css file.
No change.
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #5 on: January 06, 2010, 01:52:58 PM » |
|
Ok, can you post the browser source code of your site when you are on a sub menu item page?
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
turningweb
Jr. Member
Offline
Posts: 16
|
|
« Reply #6 on: January 06, 2010, 03:35:37 PM » |
|
Ok, can you post the browser source code of your site when you are on a sub menu item page?
There are too many characters in the source code to post it, so I included it as an attached html document. Zechariah
|
|
|
Logged
|
|
|
|
jonahh
|
|
« Reply #7 on: January 07, 2010, 12:19:40 PM » |
|
Ok, it should be the below that will allow you to define what the active looks like.
#current a { background:#cccccc; }
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
turningweb
Jr. Member
Offline
Posts: 16
|
|
« Reply #8 on: January 07, 2010, 02:53:53 PM » |
|
Thank you very much , that worked perfectly. Here is the finished product: Zechariah
|
|
« Last Edit: January 07, 2010, 03:08:21 PM by turningweb »
|
Logged
|
|
|
|
jonahh
|
|
« Reply #9 on: January 08, 2010, 01:51:32 PM » |
|
Nice, looks great!
|
|
|
Logged
|
Jonah Hall ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|