-
AuthorPosts
-
April 9, 2015 at 1:11 pm #425885
Hi,
I would like to change the color of 3 differents submenus like this sample .
Some quick css found on the forum but not fully works. Please, can you help me ?
Thanks, JeanApril 9, 2015 at 1:17 pm #425886April 9, 2015 at 1:43 pm #425893Hi 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,
YigitApril 9, 2015 at 6:06 pm #426118Hi 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
April 10, 2015 at 6:31 am #426378Hey!
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,
YigitApril 10, 2015 at 7:04 pm #426710Dear 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; 55272) 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
April 12, 2015 at 8:49 pm #427191Hey!
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 -
AuthorPosts
- You must be logged in to reply to this topic.