Changing navigation text colour

  • Resolved Eelik

    (@eelik)


    11 years, 3 months ago

    Hi Alexander,
    I have lightened the background colour of the header, and now need either to make the header navigation bar, (not top nav), have a darker background, or else darken the colour of the navigation text.
    I have tried copying css from the style sheet into custom.css, but this has not worked, maybe something is overriding the defaults, or I have copied the wrong code.
    Could you help. Thanks
    Eric

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try adding this to your custom css:

    For darker background:

    #nav-header.nav-container,
#nav-header .nav ul { background-color: #222!important; }

    You may not need the !important there, not sure.

    Or to recolor the nav links,

    #nav-header .nav li a { color: #666; }
#nav-header .nav li > a:hover,
#nav-header .nav li:hover > a,
#nav-header .nav li.current_page_item > a,
#nav-header .nav li.current-menu-item > a,
#nav-header .nav li.current-menu-ancestor > a,
#nav-header .nav li.current-post-parent > a { color: #222; }

    Thanks, this was helpful to fix my issue with the “home” on the menu header disappearing, but how do I change the “post comment” button color so that it’s visible? https://dogsinthecle.com/?p=272

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing navigation text colour’ is closed to new replies.