Forum Support

Shape 5
March 28, 2024, 11:52:21 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]
  Print  
Author Topic: how to change the active menu color and space between menu items?  (Read 1061 times)
antic
Jr. Member
**
Offline Offline

Posts: 402



« on: February 11, 2011, 10:57:27 AM »

Hello,

I am using s5 accordion menu on a Rockettheme template. Can you please help me to change the color of the active menu item (now when a menu item is clicked the color is blue, same as non active menu items)? Can you also help me to increase the space between menu items?

The url is: http://www.anticforma.com/en/2010/kozmetiki-studio-derma.html

Thank you in advance!
Aleksandar
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: February 11, 2011, 02:44:10 PM »

Hello,

Try adding the following to the bottom of your template css file

.s5_am_toggler .s5_am_open .s5_am_parent span span {
color:#ff0000;}
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
antic
Jr. Member
**
Offline Offline

Posts: 402



« Reply #2 on: February 12, 2011, 12:59:22 AM »

Hello,
Thanks for you reply. That did not help. Do you have any other solution?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: February 14, 2011, 04:38:46 PM »

Your site doesn't appear to be loading now?
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
antic
Jr. Member
**
Offline Offline

Posts: 402



« Reply #4 on: February 15, 2011, 02:14:21 AM »

This is the link: http://www.anticforma.com/sr/portfolio/web-design-portfolio.html
The accordion menu is on the right side

Thanks
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: February 15, 2011, 10:55:43 AM »

Ah ok, actually add it to the bottom of the accordion menu css file, then lets see if it works.  The template css file is called before the accordion menu so it might be getting overwritten by the accordion menu css
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
antic
Jr. Member
**
Offline Offline

Posts: 402



« Reply #6 on: February 16, 2011, 01:19:45 AM »

Thanks for your answer but it still does now work!
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: February 16, 2011, 12:40:41 PM »

Ok change it to the following and this will work:

#s5_accordion_menu h3.s5_am_open span.separator span {
color:#ff0000;}
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
antic
Jr. Member
**
Offline Offline

Posts: 402



« Reply #8 on: February 16, 2011, 03:40:19 PM »

Hello, you can take a look again! It does not work: http://www.anticforma.com/sr/2010/kozmetiki-studio-derma.html
. Now the top level menu item changed the color.
I appreciate your help!
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #9 on: February 17, 2011, 01:58:04 PM »

Oh I thought u wanted the main link to change color, this should work for the sub links:

.s5_am_innermenu li#current a {
color:#ff0000;}
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
antic
Jr. Member
**
Offline Offline

Posts: 402



« Reply #10 on: February 18, 2011, 10:21:11 AM »

Thank you very much!
Logged
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.