Title: button in header
Last modified: September 14, 2019

---

# button in header

 *  [daitarn3](https://wordpress.org/support/users/daitarn3/)
 * (@daitarn3)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/)
 * good morning,
    I created a header with elementor pro, in the menu I assigned 
   the “button” class to a menu item. unfortunately the code I insert works only
   in part. look at the header: [https://www.webmsv.net](https://www.webmsv.net)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-in-header-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11935287)
 * Hello,
 * Can you please tell me which code you have inserted so that I can check it?
 *  Thread Starter [daitarn3](https://wordpress.org/support/users/daitarn3/)
 * (@daitarn3)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11935433)
 *     ```
       #site-header .button a {
       background-color: #ccffff;
       color: #000000;
       border-radius: 6px !important;
       margin-top: 12px;
       padding: 12px 12px;
       text-align: center;
       cursor: pointer;
       }
   
       #site-header .button a:over {
       background-color: #ccffff;
   
       }
       ```
   
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11935525)
 * Try to use the below code and check it works or not –
 *     ```
       #site-header .button, #site-header .button:hover {
       background-color: none;
       }
       ```
   
 *  Thread Starter [daitarn3](https://wordpress.org/support/users/daitarn3/)
 * (@daitarn3)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11935542)
 * does not work
 *  Thread Starter [daitarn3](https://wordpress.org/support/users/daitarn3/)
 * (@daitarn3)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11935819)
 * Resolved !
 *     ```
       #site-header .button, #site-header .button:hover {
       background-color: rgba(255,255,255,0);
       }
       ```
   
 *  Thread Starter [daitarn3](https://wordpress.org/support/users/daitarn3/)
 * (@daitarn3)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11935875)
 * there is still a problem:
    does not change the background on mouse over. the 
   character of the button is different from those in the menu
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11939147)
 * I didn’t understand by ‘character of the button’. Can you please explain it more?

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

The topic ‘button in header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.2.1/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/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [header](https://wordpress.org/support/topic-tag/header/)

 * 7 replies
 * 2 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/button-in-header-2/#post-11939147)
 * Status: not resolved