Hello. I’ve tried reading the CSS files and the index file without results. I want to modify the color of the menu links. I have changed the navigation background and the color of the line.
But the text for the links I can’t seem to find. Now they stand at red in current page, white when changind page and grey in normal state.
How can I achieve that in ZINC..?
Thanks for your replies.
hanifahmed
Friend
Do you want to change the link colour when it is active?
If so, this is the code to change in template.css (line 916):
ul.menu li.active a color:#9A4600;
font-weight:bold;
Hello. Thanks for replying. I couldn’t find that comment. I searched all the lines containing the word menu but still no luck. Iwant to change all colors. Active, hoover, normal. But I can’t so far.
Here I copy what I have in that section.
====================================
/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.menu li {
display: block;
background: url(../images/dot.gif) repeat-x bottom;
margin: 0;
padding: 0;
line-height: normal;
}
ul.menu li a {
display: block;
outline: none;
padding: 5px 0 5px 15px;
margin: 0;
text-decoration: none;
color: #777777;
background: url(../images/arrow.png) no-repeat 5px 10px;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
color: #487EA8;
text-decoration: none;
background: url(../images/arrow2.gif) no-repeat 5px 10px;
}
ul.menu li.active a {
font-weight: bold;
color: #487EA8;
background: url(../images/arrow2.gif) no-repeat 5px 10px;
}
ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li li {
border: none;
background: none;
padding: 0;
}
ul.menu li li a {
color: #4F4F4F !important;
border: none;
padding: 5px 5px 5px 25px !important;
text-transform: none;
font-weight: normal !important;
background: url(../images/arrow.png) no-repeat 15px 10px !important;
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
color: #345688;
text-decoration: underline;
}
ul.menu li li.active a {
color: #4F4F4F;
font-weight: bold !important;
}
ul.menu li li li a {
color: #4F4F4F !important;
font-weight: normal !important;
padding-left: 35px !important;
background: url(../images/bullet.gif) no-repeat 25px 10px !important;
}
ul.menu li li li.active a {
font-weight: bold !important;
}
==================
Do I need to add the lines of code you sent?
This topic contains 3 replies, has 2 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum
