Forum Support

Shape 5
January 21, 2022, 07:46:19 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
   Home   Help Search Login Register  
Pages: [1]
Author Topic: Menu Customization  (Read 455 times)
Jr. Member
Offline Offline

Posts: 5

« on: June 19, 2014, 08:03:14 PM »

First of all, very good work on this template - front and backend.  I work with Joomla a lot and have used all types of frameworks and Vertex accompanied with whoever designed this did a very good job...!

Onto my question.  For whatever reason, I'm having trouble changing the colors of the menu in my custom.css.  I can manipulate the menu just fine at #s5_menu_wrap and #s5_menu_wrap li, along with the color... but I CANNOT get the font color to change, unless I change it for all Highlight modules (which i definitely don't want to do).

What I'm trying to accomplish is the menu with a white background, black font, and keep that slim dark bar at the top of a hovered menu item (but not color hover the whole <li>.  I've been geeking out in Inspector for a couple hours now so it's time to ask for help  Grin

Hope that makes sense.  Thanks s5!
Offline Offline

Posts: 28743

« Reply #1 on: June 20, 2014, 07:21:53 AM »


The background colors are controlled in the index.php file since they are called by php:

#s5_nav, .readon:hover, p.readmore a:hover, button:hover, .btn-primary:hover, .button:hover, .pagenav a:hover {
background:#<?php echo change_Color($s5_highlight1,'+50'); ?>;

#s5_nav li:hover, #s5_nav li.mainMenuParentBtnFocused {
border-top:solid 5px #<?php echo change_Color($s5_highlight1,'+50'); ?>;
background:#<?php echo change_Color($s5_highlight1,'+30'); ?>;

The s5_nav calls are the menu calls. The font color is then in s5_flex_menu.css:

#s5_nav li a {
    color: #ffffff !important;
    font-size: 0.85em;

Mike Knott
Shape 5 Team

- Need a great host for your website? We highly recommend!

- 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]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
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.