WordPress.org

Support

Support » Installation » (Mystique) How to change color of selected button in navbar (default is black)

(Mystique) How to change color of selected button in navbar (default is black)

  • elsatrento

    @elsatrento

    I’d like to be able to change the color of the selected button in the navbar. The default is black, and it really is a punch in the eye for the rest of my blog. I suppose the solution is in the style.css, but I don’t know where to look for it.

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    @esmi

    Forum Moderator

    Site url?

    elsatrento

    @elsatrento

    “elsatrento.org” . I didn’t write it because it’s under work in progress and protected by password. But any blog with the Mystique theme does the same thing.

    esmi

    @esmi

    Forum Moderator

    There are thousands of WordPress themes. Most people aren’t familiar with every one of them, which is why a link to your site would help.

    elsatrento

    @elsatrento

    I’m talking about 1 theme: Mystique. And here’s the link again: “http://elsatrento.org”. But there will be a password, and I’m not allowed to share it. That’s why the link is not useful, I said that already. Is there something I can do without the link?

    Thank you for your patience

    digitalnature

    @digitalnature

    I didn’t test this, but it should do it:

    ul#navigation li.active a:hover,
    ul#navigation li.active:hover a
    {background-color:#ffa502;}
    
    ul#navigation li.active a span.pointer,
    ul#navigation li.current_page_item a span.pointer,
    ul#navigation li.current_page_parent a span.pointer,
    ul#navigation li.current_page_ancestor a span.pointer{
     display: none;
    }
    
    ul#navigation li.active a,
    ul#navigation li.current_page_item a,
    ul#navigation li.current_page_parent a,
    ul#navigation li.current_page_ancestor a{
     background:#ffa502;
     color:#fff;
     text-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
    }

    Change the background and color property values with your color hex code.
    I’ve hidden the pointer because it’s a image and it’s always black.
    …And again don’t modify style.css or you will loose any changes when you update.

    Thank you Digital, I owe you a lot 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘(Mystique) How to change color of selected button in navbar (default is black)’ is closed to new replies.
Skip to toolbar