-
Posts
-
Hi,
I would like to have the menu item “Blog” (in my case #menu-item-29) with a grey circle background image:
Hover state and active state should have a turquoise circle as background image.
I had success with the normal state (= grey circle) and the hover state (= turquoise circle).
I tried to find it out with the developer tools of Firefox, but I cannot get the right CSS to have the active state of “Blog” (#menu-item-29) with the turquoise circle; it remains the grey circle.
And by the way:
if you know a better solution than my circle (grey and turquoise) background image, instead with pur CSS without image, I would appreciate your help, too.Could you please help me out?
Thank you.Hey Gitte,
Thank you for using Enfold.
Try to append the “current_page_item” or “current_menu_item” class attributes to the id selector. That should work for the active state.
#menu-item-29.current_menu_item { // css here }Best regards,
IsmaelHi,
Thank you for writing to us. Your site is looking good! Personally, I feel the text in the menu is long to fit in a circle.
Please check the documentation for class names and code snippets for various states like hover, active and default menu items.
NOTE: Add the menu #ID after the “li” in the code snippet without space.
Example:
#top #header #avia-menu li#menu-item-29.menu-item > a { background-color: gold; }Best regards,
Vinay
- You must be logged in to reply to this topic.