Joomla Templates Club 406,261 posts

[scheufler Friend scheuflerJoin date: January 2009Posts: 4Downloads:10Uploads:4 Thanks: 3]

#147409

Hello,

I have problems with my menu items to be displayed correctly.
I only want to show only the active menu items bold. On first menu level everything is ok but if a menu item have sublevels all the sublevels are shown bold not only the active.

I have tried a lot, but I didn’t have find a solution.
Please have a look at the screenshot or visit my site: http://www.gss-kn.de/fachbereiche/musik/musikprofil.html to understand my problem.

Any help is welcome.

Dan

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#328655

Hello guy!

Please add this css rule in the template.css file:

#current a {
color:red !important;
}

Thanks

1 user says Thank You to Saguaros for this useful post

1. scheufler

[scheufler Friend scheuflerJoin date: January 2009Posts: 4Downloads:10Uploads:4 Thanks: 3]

#328778

Thank you for answering.

Unfortunately the proposed solution doesn’t fit my needs. Now all the submenuitems form the first level are marked as red too (see picture 1). But I want the links in the second level shown exactly as the links are shown originally in the first level (picture 2). So if Fachbereiche->Musik->Bläserklasse is the active link, only the links Fachbereiche, Musik, and Bläserklasse are shown in blue and bold (pciture 3).

Thank you very much
Dan

---

Attachments:

1. 
2. 
3. 

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#329141

Dear scheufler ,

Please open file template.css and edit lines 1098 as follow:

Change :


ul.menu li li li a {
color: #666666 !important;
font-weight: normal !important;
padding-left: 35px !important;
background: url(../images/arrow-active.png) no-repeat 25px 10px !important;
}

ul.menu li li li a:hover,
ul.menu li li li a:active,
ul.menu li li li a:focus {
color: #003366 !important;
font-weight: normal !important;
background: url(../images/arrow-active.png) no-repeat 15px 5px !important;
}


to:


ul.menu li li li a,
ul.menu li li.active li a {
color: #666666 !important;
font-weight: normal !important;
padding-left: 35px !important;
background: url(../images/arrow-active.png) no-repeat 25px 7px !important;
}

ul.menu li li li a:hover,
ul.menu li li li a:active,
ul.menu li li li a:focus,
ul.menu li li.active li a:hover,
ul.menu li li.active li a:active,
ul.menu li li.active li a:focus {
color: #003366 !important;
font-weight: normal !important;
background: url(../images/arrow-active.png) no-repeat 25px 7px !important;
}


2 users say Thank You to Css Magician for this useful post

1. scheufler
2. JA Developer

[scheufler Friend scheuflerJoin date: January 2009Posts: 4Downloads:10Uploads:4 Thanks: 3]

#329163

Thank you very much. That was the solution.
Perfect Support!

[Author]

Posts