Forum Support

Shape 5
July 30, 2021, 05:12:18 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: active mainMenuParentBtn class  (Read 337 times)
SofLife
Jr. Member
**
Offline Offline

Posts: 33



« on: March 10, 2016, 12:44:00 PM »

I am trying to apply a background color to the active state on sub pages but can't find where it is in the css. I know it is 'active  mainMenuParentBtn', but can't find that in any of the CSS files. Thanks for the help!
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: March 11, 2016, 08:55:23 AM »

Hello,

That's not defined in the css because this template doesn't use a background on the active item. If you want to add one that would be custom css, but the following class is what you would need:

#s5_nav li.active
Logged

Mike Knott
------------
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
SofLife
Jr. Member
**
Offline Offline

Posts: 33



« Reply #2 on: March 11, 2016, 12:35:02 PM »

Thanks, but that class seems to be covering the entire area (see link example below.) Is there a way to just cover the link area like it does on hover?

http://wcgpr.com/wcg/dh/index.php/member-resources/area-resources
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: March 12, 2016, 07:28:07 AM »

Hello,

You would do this then:

#s5_nav li.active .s5_level1_span1

I would highly suggest using Firebug so you can visually see the classes and layout used for these menu items.
Logged

Mike Knott
------------
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.