Title: Header Button
Last modified: June 27, 2019

---

# Header Button

 *  [tera12](https://wordpress.org/support/users/tera12/)
 * (@tera12)
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/)
 * Hello,
 * I’ve run into what is most likely an easy fix; but I don’t know how to fix it.
   
   I created 2 buttons on my header, and one of them shows the text and the other
   one doesn’t. I need them to both show text. The problem button is the “About”
   button. Could someone please take a look and provide the css needed to make the
   text show up on the “About” button as well.
 * Here is what I put in the Additional CSS folder – I probably have too much info
   too!
 *     ```
       }
       button, .button, input[type="reset"], input[type="submit"], input[type="button"] {
           background: black;
           background-color: white;
           background-clip: border-box;
           border: solid 5px #000;
           border-radius: 5px;
           color: black;
           outline: black;
           font-size: 18px;
           font-weight: 700;
           letter-spacing: 1px;
           padding: 0 20px;
           text-transform: uppercase;
           line-height: 40px;
           display: inline-block;
           zoom: 1;
          	}
       ```
   
 * Thank you!!
 * Tera
    -  This topic was modified 7 years ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-button-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11679256)
 * I hate to roll out !important, but I’m not seeing the cascade otherwise.
 *     ```
       div#header-button-container-inner a {
           color: red !important;
       }
       ```
   
 * **To add or override CSS:** use the “Additional CSS” option in the customizer._
   [https://codex.wordpress.org/CSS#Custom\_CSS\_in\_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)_
 * Learn to use the [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/)
   to help you see and test changes to your CSS.
 *  Thread Starter [tera12](https://wordpress.org/support/users/tera12/)
 * (@tera12)
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11679301)
 * Hi Steve,
 * Thank you for the quick response. Where should I add this line?
 * Tera
 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11679309)
 * It’s in my reply.
 *  Thread Starter [tera12](https://wordpress.org/support/users/tera12/)
 * (@tera12)
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11679324)
 * I see the line of code in your response, but I don’t know where to put it. I 
   hope I’m explaining that correctly. Does it go at the beginning, at the end, 
   in the middle? After or before a specific line?
 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11679334)
 * >> To add or override CSS: use the “Additional CSS” option in the customizer.
   [https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)
   <<
 * Stick it at the end.
 *  Thread Starter [tera12](https://wordpress.org/support/users/tera12/)
 * (@tera12)
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11679414)
 * Thank you Steve! That worked perfectly.
 * Have a great day!!
 *  Thread Starter [tera12](https://wordpress.org/support/users/tera12/)
 * (@tera12)
 * [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11688836)
 * Hi Steve,
 * Hope you can help again. So I had to change my theme and in doing so, I have 
   lost my call to action buttons. The theme I am using is Neve and it comes with
   a primary button, and I tried customizing it, but the css code I am adding is
   not making the changes happen. I want the primary button to be large, black, 
   with white font and a white thick border. I also need a secondary button right
   beside it, to look the same but the text “Request A Signing”.
 * Something else that happens is that I cannot see this button on the mobile version–
   is there a way I can make it stay visible for the mobile version as well?
 * Here is what I added:
 * {.button.button-primary
    font-size: 1em; font-weight: 600; padding: 14px 25px;
   transition: all .15s ease-in-out; text-align: center; vertical-align: middle;
   border: solid 5px #ffff; border-radius: 3px; text-transform: uppercase; cursor:
   pointer; line-height: 1.68421; font-family: inherit; }
 * Thanks so much again!!

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

The topic ‘Header Button’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 2 participants
 * Last reply from: [tera12](https://wordpress.org/support/users/tera12/)
 * Last activity: [7 years ago](https://wordpress.org/support/topic/header-button-3/#post-11688836)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics