Forums

[resolved] Help with navigation bar. (5 posts)

  1. peterspliid
    Member
    Posted 3 years ago #

    My blog is located here: http://eccentric.wtf.la
    I'm using modified version of pressrow

    As you can see, only the 'latest news' tab in the navigation bar, is filled black. How can I change it so the selected page is filled?

    header.php

    stylesheet.css

  2. Evita
    Member
    Posted 3 years ago #

    From your stylesheet

    #nav li a.current_page_item { color: #fff; background: #222; text-decoration: none; }

    change this to

    #nav li .current_page_item { color: #fff; background: #222; text-decoration: none; }
    or
    #nav .current_page_item { color: #fff; background: #222; text-decoration: none; }
    or
    .current_page_item { color: #fff; background: #222; text-decoration: none; }

    I think, one of this three will work.

  3. peterspliid
    Member
    Posted 3 years ago #

    ok thanks!

    The second one almost works, but there are a few problems. If you go to the site, you can see that the text color of the selected tab is black, so you can't see it (because the background is black as well). And the 'latest news' doesn't become white when you go to another page.

    You can see it all on the site, if you're not sure what I mean.

    The updated stylesheet is here

    Thanks again

  4. Evita
    Member
    Posted 3 years ago #

    Yes I see, but this can´t be changed the easy way. Your hyperlinks are styled with color #222 (#nav li a) and this will override the style of the .current_page_item, because current-page-item is also a link.
    There are only two solutions I know:
    1. Give your nav hyperlinks a color which is visible on black and white (or change the background-color from black to another color)
    2. Hack WordPress core to do not hyperlink current page links in wp_list_pages
    Sorry that I can´t help you more.

  5. peterspliid
    Member
    Posted 3 years ago #

    ok thanks. I think it's easier just to remove the black thing. How do I totally remove it, even from 'latest news'? (the hover still has to change it to black)

Topic Closed

This topic has been closed to new replies.

About this Topic