Navigation
Archive / Change the color of a single page title in menu
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 9, 2017 at 4:29 am #1322091
    Party Tours
    Participant

    Hi,

    First of all; The X-Theme is great! Love working with it.

    I would like to change the color of a single page title in the menu bar, without changing the color of the rest of the titles. If you look up my site, you can see the page title ‘offerte aanvragen’ in the menubar. How do I change that one title to color ##0096e0. How is that possible?

    Which custom CSS code do i need to use?

    Website: http://labeto.nl.testbyte.nl

    Thanks!

    January 9, 2017 at 4:56 am #1322124
    Christian
    Moderator

    Hey there,

    Please add the code below in your Appearance > Customize > Custom > Global CSS

    #menu-item-157 a span {
    color: #0096e0;
}

    Thanks.

    January 9, 2017 at 7:36 am #1322324
    Party Tours
    Participant

    Thanks Christian!

    Maybe it’s me, but it isn’t working..
    I did exactly the thing you said.

    Can you help?

    January 9, 2017 at 7:39 am #1322326
    Party Tours
    Participant

    Sorry, it works!

    I implemented the following code:
    #menu-item-157 a{
    color: #0096e0
    }

    January 9, 2017 at 7:59 am #1322354
    Thai
    Moderator

    If you need anything else please let us know.

    January 9, 2017 at 9:22 am #1322474
    Party Tours
    Participant

    Thanks Thai!

    Now that you’re asking. Is it possible to change the color of the hover bar also to the #0096e0 color?

    Thanks!

    Angelo

    January 9, 2017 at 11:30 am #1322662
    Thai
    Moderator

    Please add the following CSS:

    li#menu-item-157 > a:hover > span {
    box-shadow: 0 2px 0 0 #0096e0
}

    Hope it helps 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1322091 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>