Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1108213
    Raul M
    Participant

    Hello there,

    I was looking on the forum and I found some answers for my problem and I could change the color for my main navbar but I couldn’t for the One Page Navigation. Can you give the good CSS please?

    The one page to change is this one, the button is ASSISTER (li#menu-item-6551)
    http://awaodoriparis.com/fr/home2016/

    Thanks a lot!
    Raul

    #1108378
    Friech
    Moderator

    Hi Raul,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    #menu-item-6551 {
    	background-color: green;
    }

    Hope it helps, Cheers!

    #1108405
    Raul M
    Participant

    Thanks a lot

    I have the red square now but the white font is not responding as it did on the main barnav.

    My code is

    #menu-item-6551 { font-weight: bold; color: #ffffff; background-color: #eb2128;
    }

    And to check you can have a look on the main barnav
    http://awaodoriparis.com/fr/soutiens/

    Thanks
    Raul

    #1108427
    Friech
    Moderator

    Hi Raul,

    What do you mean white font is not responding? Your code is correct and you can change font color by replacing the #ffffff value with other color.

    Please clarify, thanks.

    #1108535
    Raul M
    Participant

    Oh sorry if I’m not clear

    I could put the white color on the main bar nav as you can see on my page
    http://awaodoriparis.com/fr/soutiens/
    the code I’m using (and working) is:

    .x-navbar .x-nav > li#menu-item-8616 > a {
    font-weight: bold; color: #ffffff; background-color: #eb2128;
    }

    But I’m using exactly the same CSS on the one navigation page and the white dont appears, you can have a look on the one navigation page
    http://awaodoriparis.com/fr/home2016/
    and this is the code I’m using but not working for the white color (it is working for the background)

    
    #menu-item-6551 { font-weight: bold; color: #ffffff; background-color: #eb2128;
    }

    Thanks

    #1108576
    Lely
    Moderator

    Hi There,

    Thank you for the clarification. Please update your CSS to this:

    #menu-item-6551 a {
        font-weight: bold;
        color: #ffffff;
        background-color: #eb2128;
    }

    It should be on the link element.

    Hope this helps.

    #1108659
    Raul M
    Participant

    Ah! of course 😉
    one last (I hope) tricky question.
    My client wants a rectangle and not a massif square for the background on this item menu.
    Is that faisable ?

    Thanks
    Raul

    #1108760
    Joao
    Moderator

    Hi Raul,

    I don´t see any button on your navbar links right now.

    Would you mind clarifying.

    Thanks

    Joao

    #1108847
    Raul M
    Participant

    Thanks Joao for the question but finally we decided to keep only the color (and not the background).

    Thanks X Team !

    #1109019
    Nabeel A
    Moderator

    Glad we could help.

    Cheers!

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