Font colors agency

[HDTV]

The site http://hairdesignertv.in

 

Graphic designer gave me a mock with header nav links starting in white. Of course  changing links  to white won't work when body background is white.

Anyone know how to make nav links color different from the rest of the site link color in css?

[HDTV]

forgot to click send notice when relpies

[mwright]

Change the  color here where the red is to what color you need.

<div class="cssHead focusRow " role="listitem">.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>-webkit-box-shadow:#333333 0 1px 0;</div>
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>background-color:#474243;</div>
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-bottom-left-radius:5px;</div>
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-bottom-right-radius:5px;</div>
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-top-left-radius:5px;</div>
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>border-top-right-radius:5px;</div>
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable ">  </a>box-shadow:#333333 0 1px 0;</div>
<div class="cssProp focusRow editGroup " role="option"><a class="cssPropDisable "> <span style="color: #ff0000;"> </span></a><span style="color: #ff0000;">color:#FFFFFF;</span></div>
</div>
</div>
<div class="editable insertBefore " role="presentation">}</div>
<div class="editable insertBefore " role="presentation">

[mwright]

Try that again? Change color: FFFFFF;

.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a {
  -webkit-box-shadow:#333333 0 1px 0;
  background-color:#474243;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-shadow:#333333 0 1px 0;
  color:#FFFFFF
}

[HDTV]

Yeah, Thanks. I knew that but it was working. I made a dumb mistake , no # in front of the hex code. This is resolve  Thank you

[Author]

Posts