WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. elsatrento
    Member
    Posted 4 years ago #

    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.

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Site url?

  3. elsatrento
    Member
    Posted 4 years ago #

    "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.

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    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.

  5. elsatrento
    Member
    Posted 4 years ago #

    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

  6. digitalnature
    Member
    Posted 4 years ago #

    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.

  7. elsatrento
    Member
    Posted 4 years ago #

    Thank you Digital, I owe you a lot :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags