Forum Support

Shape 5
March 29, 2024, 05:55:35 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Text Attributes of Menu items  (Read 732 times)
turningweb
Jr. Member
**
Offline 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
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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 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.  Embarrassed
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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 Offline

Posts: 16



« Reply #8 on: January 07, 2010, 02:53:53 PM »

Thank you very much , that worked perfectly.   Grin

Here is the finished product:



Zechariah
« Last Edit: January 07, 2010, 03:08:21 PM by turningweb » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« 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
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.