2016-02-25, 07:10 PM
Hello, I'm stuck at this one part for last few hours,
I need to change my navigation bar ' class="active" ' at SPECIFIC page called "forumdisplay.php?fid=5".
I can't figure out how do I do it.
My CSS/HTML:
Template changed: Header
I need to change my navigation bar ' class="active" ' at SPECIFIC page called "forumdisplay.php?fid=5".
I can't figure out how do I do it.
My CSS/HTML:
Template changed: Header
Quote:HTML:
<ul>
<li><a href="/index.html">Home</a></li>
<li><a href="forumdisplay.php?fid=5">News</a></li>
<li><a class="active" href="#">Forums</a></li>
<ul style="float:right;list-style-type:none;">
<li><a href="/about.html">About</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
Quote:CSS:Any help? How do I change header for specific page only?
#logo ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #6699ff;
}
#logo li {
height: 100%;
float: left;
border-right: 1px solid #81aaff;
}
#logo li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 1.25em;
font-family: 'Ubuntu Condensed', sans-serif;
}
#logo li a:hover:not(.active) {
background-color: #80aaff;
}
#logo .active {
background-color: #80aaff;
}