Forum Support

Shape 5
March 29, 2024, 08:23:45 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: s5 accordion menu  (Read 447 times)
webcentric
Jr. Member
**
Offline Offline

Posts: 44



« on: May 11, 2017, 03:03:08 PM »

I'm trying to configure the s5 accordion menu and finding it difficult.

If I use the highlight color, the whole module turns the highlight color. I only want the page that being selected (on hoovering) to turn color.
I'm currently using -bigtitle_lightgray suffix,. Are there other options? suffix's something I am missing.

The black default color does not go with the site or even look good.

I have attached to screen shots, 1 as the example I want to change and 1 that I would accept as well.

Thank you,
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: May 12, 2017, 02:12:36 PM »

Hello,

No there are no other options for out of the box styling. But you can edit it with CSS.

Here is the CSS for the active black background:

Code:
#s5_accordion_menu h3.s5_am_toggler.s5_am_open.s5_am_parent, #s5_accordion_menu h3.s5_am_toggler.s5_am_open.s5_am_not_parent {
    background: #000000 none repeat scroll 0 0;
}

template.css line 482

You can add the following CSS to your custom.css file so that all the other items that aren't active have a background on them:

Code:
#s5_accordion_menu h3.s5_am_toggler {
    background: #ccc !important;}
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
webcentric
Jr. Member
**
Offline Offline

Posts: 44



« Reply #2 on: May 16, 2017, 06:34:55 AM »

Thank you that certainly worked.

Also, assuming wants to change the background color as well, change the "hover" color as well.

#s5_accordion_menu h3:hover {
background: #c7c7c7 !important;

template.css line 450

Thanks again!
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.