Forum Support

Shape 5
October 20, 2021, 06:42:22 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: Possible to change the highlight color in main menu?  (Read 315 times)
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« on: January 20, 2015, 11:23:02 AM »

Please note that I would like to change the active main menu item to a white bold letter. This should be applied in the main menu ONLY.

I know that in the template settings you specify this ... but I would like the above to only be valid for the main menu. Possible to achieve?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: January 21, 2015, 08:37:06 AM »

Hello,

It could be done with some custom css. If you're just wanting the text to be bold and white you would need to apply your own css to the css in s5_flex_menu.css for this.
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
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« Reply #2 on: January 21, 2015, 01:30:12 PM »

Hello,

It could be done with some custom css. If you're just wanting the text to be bold and white you would need to apply your own css to the css in s5_flex_menu.css for this.

I have played around in the above css but I can not find the line where I control the highlight color when an item has been selected. I would like to have it white and bold.

I would appreciate your help very much as this is the last thing before the release of my site.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: January 22, 2015, 12:08:58 AM »

Hello,

You can add something like this to the custom.css file and adjust or add any CSS as needed:

Code:
#s5_nav li.active span {
     font-weight: bold !important;
}
Logged

Mike Nicoll
------------
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
chriddo
Jr. Member
**
Offline Offline

Posts: 216



« Reply #4 on: January 25, 2015, 05:49:35 AM »

Hello,

You can add something like this to the custom.css file and adjust or add any CSS as needed:

Code:
#s5_nav li.active span {
     font-weight: bold !important;
}

Thanks Mike, this works well. .... however if I click on a submenu to that main menu heading ...  the bold text is not inherited and thus becomes a "normal" text. Any ideas on how to update the code above?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: January 26, 2015, 05:59:03 PM »

Hello,

The active coding will only trigger on a menu item if the page you are on is under that menu parent. On the Home Page for example it will only show if you have opted to have the "Home" menu item visible as that is the active menu item. Any further changes would require custom coding additions outside of what we provide via the forums.
Logged

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