Title: Menu options – hover color
Last modified: August 30, 2016

---

# Menu options – hover color

 *  [photodolphin](https://wordpress.org/support/users/photodolphin/)
 * (@photodolphin)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/menu-options-hover-color/)
 * In
    [http://www.kadencethemes.com/building-displaying-menus/](http://www.kadencethemes.com/building-displaying-menus/)
 * this tutorial you mention how to change hover color in Main primary menu as well
   as secondary. This tutorial doesnt mention that this is premium feature however
   it is not available in a free Pinnacle version or possibly hidden. If it is can
   you please help to uncover it or possibly how to edit custom CSS so that it is
   enabled ? I would also like a padding with round corners to chnage color on hover
   as well.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/menu-options-hover-color/#post-6638152)
 * Hey there photodolphin,
 * How are you doing today?
 * I’m not sure if this is a premium feature or not as I don’t represent theme authors,
   but this should be possible with some custom CSS.
 * Can you please post link to your site so I can take a look?
 * Cheers,
    Bojan
 *  Thread Starter [photodolphin](https://wordpress.org/support/users/photodolphin/)
 * (@photodolphin)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/menu-options-hover-color/#post-6638185)
 * [http://www.photodolphin.com/](http://www.photodolphin.com/)
    I would like menu
   items About, Booking etc. display a round corner frame and change color on mouse
   hover
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/menu-options-hover-color/#post-6638186)
 * Hey,
    I updated the post to note that it’s a premium option.
 * With the free theme you can use css:
 *     ```
       .kad-header-style-basic #nav-main ul.sf-menu>li>a {
           background-color: #f2f2f2;
           border-radius: 10px;
           line-height: 40px;
           margin-left: 4px;
       }
       .kad-header-style-basic #nav-main ul.sf-menu>li>a:hover {
           background-color: #444;
           color:white;
       }
   
       .kad-primary-nav ul.sf-menu {
           margin-top: 40px;
       }
       ```
   
 * Just add that in your theme options > custom css box.
 * Hope that helps,
 * Kadence Themes
 *  Thread Starter [photodolphin](https://wordpress.org/support/users/photodolphin/)
 * (@photodolphin)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/menu-options-hover-color/#post-6638188)
 * Great, thanks for you prompt help!
    if i want to do th same for site title, which
   block of CSS would that be?
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/menu-options-hover-color/#post-6638235)
 * Hey,
    Do you mean for the logo? Try using this css:
 *     ```
       .kad-header-style-basic #logo {
           border-radius: 10px;
           line-height: 40px;
           margin-left: 4px;
       }
       .kad-header-style-basic #logo:hover {
           background-color: #444;
           padding-left: 30px;
       }
       .trans-header #logo a.brand:hover {
           color: #fff;
       }
       ```
   
 * Hope that helps!
 * Hannah

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Menu options – hover color’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/pinnacle/1.8.10/screenshot.png)
 * Pinnacle
 * [Support Threads](https://wordpress.org/support/theme/pinnacle/)
 * [Active Topics](https://wordpress.org/support/theme/pinnacle/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/pinnacle/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/pinnacle/reviews/)

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 5 replies
 * 4 participants
 * Last reply from: [hannah](https://wordpress.org/support/users/hannahritner/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/menu-options-hover-color/#post-6638235)
 * Status: not resolved