Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #425885

    Hi,
    I would like to change the color of 3 differents submenus like this sample Capture.
    Some quick css found on the forum but not fully works. Please, can you help me ?
    Thanks, Jean

    #425886

    #425893

    Hi Jean!

    That would be possible using menu item ID’s. You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg
    If you can post the link to your page, we can provide you custom CSS code as well.

    Best regards,
    Yigit

    #426118

    Hi Yigit,

    Thanks you for answering. I’ve seen this. It works with each menu items but I need to also change the background for the fullwith submenu container. I’ve seen the CSS for changing one, but in fact I need 3 differents fullwith submenus with 3 differents colors. I don’t know how.

    Best regards.

    Jean

    #426378

    Hey!

    Please inspect elements on your fullwidth submenus and you will see they have unique ID’s – http://i.imgur.com/YjeVKEl.png
    You can change their background color using following code in Quick CSS

    #sub_menu1 { background: red; }

    Best regards,
    Yigit

    #426710

    Dear Yigit,

    I progress , but I still have one last problem I can not solve.
    I have a sub-menu with 3 pages . The design is to do as colored tabs.

    1) I can not find the code to display the background rectangle link only on its own page . Here the three funds appear together
    .`
    I use this code, and for sure, it missing something :

    /* Item5501-page1 */
    ul#menu-recruflex-submenu li#menu-item-5501 {
    background-color: #BEDBC5 !important;
    }
    /* Item5503-page2 */
    ul#menu-recruflex-submenu li#menu-item-5503 {
    background-color: #CEEDD5 !important;
    }
    /* Item5530-page3 */
    ul#menu-recruflex-submenu li#menu-item-5530 {
    background-color: #DBFCE3 !important;
    }
    My page-items are 5475; 5479; 5527

    2) I would also delete the edge between the link and the custom color .

    It would be great if I could get some help on this.

    Best,

    Jean

    #427191

    Hey!

    we would need to see what you mean. Can you show it to us using a link please?

    If you want to use a code on a specific page only, you would need to include page-id into the code. Here a link on how to find your page-id: https://en.support.wordpress.com/pages/#how-to-find-the-page-id

    Best regards,
    Andy

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.