Title: Adding button to menu
Last modified: May 30, 2019

---

# Adding button to menu

 *  Resolved [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 12 months ago](https://wordpress.org/support/topic/adding-button-to-menu/)
 * Per the documentation I am setting the class field to “btn”.
 * It works for the main menu but does NOT work when the menu is added to top bar.
 * Should it?
 * I was expecting it to work no matter the location of the menu – top, main, footer,
   etc.
 * Also which setting affect the btn colors?
 * I want to have a border with white background and text same color as the border.
 * Then on hover I want to change the background color and the font color of the
   text in the button
    -  This topic was modified 6 years, 12 months ago by [twgerber](https://wordpress.org/support/users/twgerber/).

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

 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 12 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11591016)
 * Hello,
 * Please share your site link so that I can check it. To customize it, go to Customize
   > General Options > Theme Button section.
 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11592294)
 * [http://mirrorstaging.wpengine.com/](http://mirrorstaging.wpengine.com/)
 * It seems the items that change this button is in:
 * Customize -> General Options -> General Styling. When I change the Primary and
   Primary Hover colors the button changes.
 * Theme Button area doesn’t change anything for the “btn” class in menu items.
 * In the top bar the “btn” class is set on the phone, my account and cart items.
 * In the main menu it’s only set on the My Account item.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11594483)
 * Okay, then you need to use the below CSS code to customize it. Edit the code 
   as per your need –
 *     ```
       #site-navigation-wrap .dropdown-menu >li.btn >a >span {
           background-color: #ec0505;
       }
       ```
   
 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11595071)
 * What should this do? It’s not doing anything.
 * To recap –
 * 1) which settings should affect the “btn” class? Theme button does not seem to.
   
   2) can I set an outline around the btn? 3) The btn class does not work in top
   bar. Should it?
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11598141)
 * 1. you can use class `#site-navigation-wrap .dropdown-menu >li.btn >a >span` 
   to style the button as per your need. It will not follow the theme button style.
   
   2. Use the above class to set an outline or border 3. It is only for the main
   menu. So you need to add some css code to make it work for the top menu
 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11601186)
 * Thanks. Will do!
    -  This reply was modified 6 years, 11 months ago by [twgerber](https://wordpress.org/support/users/twgerber/).
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11602156)
 * You’re welcome!

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

The topic ‘Adding button to menu’ is closed to new replies.

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

 * 7 replies
 * 2 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/adding-button-to-menu/#post-11602156)
 * Status: resolved