WordPress.org

1. rragas
   Member
   Posted 7 years ago #
   

   It must be really simple, but I don't know it:
   how to change the color of the chosen tab in navcontainer?
   The strange thing is: when you choose 'home' the color turns to orange (just what i wanted), but when I choose another tab, it won't...

   Thanks for your help,

   http://www.roefragas.com

2. rragas
   Member
   Posted 7 years ago #
   

   I guess something is wrong in here, but what:

   /******** Begin Navigation ********/

   #navcontainer {
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 10px;
   margin: 2;
   }

   #navcontainer ul {
   padding-left: 0;
   margin-left: 0;
   margin-top: 0;
   margin-bottom: 0;
   background-color: #d0cdd6;
   color: White;
   float: left;
   width: 100%;
   font-family: tahoma, verdana, sans-serif;
   }

   #navcontainer ul li {
   display: inline;
   text-align: left;
   }

   #navcontainer ul li a {
   padding: 0.2em 1em;
   background-color: #d0cdd6;
   color: #463b59;
   text-decoration: none;
   float: left;
   border-right: 1px solid #E3DFBF;
   }

   #navcontainer ul li a:hover {
   background-color: #e69e6c;
   color: #93425A;
   }

   #navcontainer ul li a.selected {
   background-color: #e69e6c;

   color: #93425A;
   }

   /*current Link*/
   #navcontainer ul li a#current,
   #navcontainer ul li a#current:link,
   #navcontainer ul li a#current:visited {
   background-color: #e69e6c;
   color: #93425A;
   font-weight: bold;
   }

   /******** End Navigation ********/

3. RobertMcClelland
   Member
   Posted 7 years ago #
   

   Delete the "a" that's before the ".selected" in this line of code.

   #navcontainer ul li a.selected {
background-color: #e69e6c;
color: #93425A;
}

4. moshu
   Member
   Posted 7 years ago #
   

   Maybe this can help
   Dynamic_Menu_Highlighting

5. rragas
   Member
   Posted 7 years ago #
   

   Thx Robert, deleted the "a" in that section of of the style.css, so now I have:

   #navcontainer ul li .selected {
   background-color: #e69e6c;
   color: #93425A;
   }

   but that doesn't change anything I'm afraid

6. rragas
   Member
   Posted 7 years ago #
   

   Thx Moshu,
   But I have the feeling I'm almost there with the code I already have:
   color changes when I hover over the button, it changes shortly when I click it, but then it goes back to gray (in my case).
   But thanks for the link anyway, will go there to have a peek.

Topic Closed

This topic has been closed to new replies.