WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Template Industry: How to keep one menu link highlighted after clicking on it?

(1/3) > >>

midiweb:
hi, i use the templates industry1.
How to keep the menu links highlighted (a:hover,a:active) after clicking on it?
What have to change in the css? Thanks
Here's my piece of code:

--- Code: ---
}
#sidebar h3 {
font-size : 18px;
border-bottom : 1px solid black;
margin-bottom : 4px;
margin-top : 16px;
clear : both;

}
#sidebar ul {
margin-left : 1em;
padding-left : 0;
}
#sidebar p {
margin-bottom : 8px;
}
#sidebar div.subtabs ul {
list-style : none;
width : 155px;
margin : 0;
padding : 0;
}
#sidebar div.subtabs ul ul {
list-style : none;
width : 130px;
margin : 0;
padding : 0 0 0 5px;
}
#sidebar div.subtabs ul ul ul {
list-style : none;
width : 125px;
margin : 0;
padding : 0 0 0 5px;
}
#sidebar div.subtabs ul a {
width : 100%;
margin : 3px;
text-align : left;
text-decoration : none;
display : block;
padding : 3px 3px 3px 5px;
border-bottom : 1px solid #949494;
border-left : 4px solid #cccccc;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}
#sidebar div.subtabs ul a:hover {
text-decoration : none;
background : #eaeaea url(img/menubg2.gif) repeat-x left;
color : #da0434;
border-left : 4px solid #110200;
}
   

--- End code ---

Stefek:
Hello.

I tried to find the Template "Industry1" but I can't find it at the repository.

If you can provide the menu call from this template (show_menu or show_menu2) it would help.

If you want to have the current link highlighted it's not a css "problem". You have to adjust the menu call first.

Regards,
Stefek

vyni:
Hi midiweb,

just add a class menu_current to Your industry.css

.menu_current {
    background-color: #666666;
}

than it will stay grey.

regards from Himberg

midiweb:
hi, thanks. I mean with "highlighted" (sorry, 'im french native), not the background but the font. When I click on,  for instance: menuentry, then I read the text, but my link stays highlighted:
menuentry, in order to know where I am in the menu

vyni:
Than set the color:

.menu_current {
   background-color: #666666;
   color: #ffffff;
}

this will give You grey background - same than mouseover - AND white text for the menu-link

remove background-color if You don´t like it
add any line (example: font-weight: bold;) within the two brackets {  }

this is just standard css

Navigation

[0] Message Index

[#] Next page