• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

How to Add Colored Blocks on Navigation Hover

Home › Community Forums › Epik Theme Support › How to Add Colored Blocks on Navigation Hover

  • This topic has 1 reply, 2 voices, and was last updated 8 years, 8 months ago by Wes.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 11, 2013 at 12:18 pm #8042
    Abigailjane
    Customer

    Hi, I would love to add colored blocks that appear when I hover on the navigation labels? Is this possible?

    Here’s a great example of what I’m talking about – http://www.heathermackan.com/

    Thanks!

    October 12, 2013 at 11:38 am #8083
    Wes
    Moderator

    Here is the code that is used on that site –

    .genesis-nav-menu a:hover,
    .genesis-nav-menu .current-menu-item > a,
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    	background-color: #53c2ba;
    	color: #fff;
    }

    You could add the background color to the same place in your css and it would show up since most Genesis themes have this in their css.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework