- This topic has 1 reply, 2 voices, and was last updated 3 years, 11 months ago by
Leo.
-
AuthorPosts
-
May 23, 2017 at 1:46 am #322700
Sebastian
Hi,
I want to style the background of the navigation, more specific: the menu items with sub menu items as a whole when they are hovered.
You can find the site here: http://specialb.codable.de/
If you hover the menu items which have a sub menu, the sub menu has a blue background and the background of the main menu item still has a white background.
I want to apply a blue background to the whole menu point, a blue background for the main und the sub items as a whole:
<li id="menu-item-206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-206"><a href="http://specialb.codable.de/steuern-steuern/">Steuern steuern<span role="button" class="dropdown-menu-toggle" aria-expanded="false"></span></a> <ul class="sub-menu"> <li id="menu-item-1095" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1095"><a href="http://specialb.codable.de/steuern-steuern/">Überlick</a></li> <li id="menu-item-204" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-204"><a href="http://specialb.codable.de/steuern-steuern/buchhaltung/">Buchhaltung</a></li> <li id="menu-item-220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-220"><a href="http://specialb.codable.de/steuern-steuern/lohnbuchhaltung/">Lohnbuchhaltung</a></li> <li id="menu-item-231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-231"><a href="http://specialb.codable.de/steuern-steuern/analysen/">Analysen</a></li> <li id="menu-item-239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-239"><a href="http://specialb.codable.de/steuern-steuern/tools/">Tools</a></li> </ul> </li>
On that screenshot the blue frame shows the whole area which should get a blue background when it’s hovered.
Is that possible? Which CSS selector, I have to adress?
Thanks for helping me out.
GeneratePress 1.3.46GP Premium 1.3May 23, 2017 at 8:05 am #322885Leo
StaffCustomer SupportHi Sebastian,
Try Customizer > Colors > Primary Navigation > Background Hover.
Let me know if this is what you wanted.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.