Title: Pinnacle- Button CSS
Last modified: August 30, 2016

---

# Pinnacle- Button CSS

 *  Resolved [ruby06dawnbrooke](https://wordpress.org/support/users/ruby06dawnbrooke/)
 * (@ruby06dawnbrooke)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/pinnacle-button-css/)
 * Hello!
 * I use Pinnacle, but there is one problem :/. I used a Newsletter Sign Up form,
   and the button looks like this, click[ here](http://midnightsky.dawnbrooke.com/wp-content/uploads/2015/07/Screen-Shot-2015-07-25-at-4.29.33-PM.png)
   to see.
 * I just want to know if you have any button CSS?
 * Thanks!

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

 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365738)
 * You can add some css to customize. Can you post a link to where this is located
   in your site?
 * Hannah
 *  Thread Starter [ruby06dawnbrooke](https://wordpress.org/support/users/ruby06dawnbrooke/)
 * (@ruby06dawnbrooke)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365774)
 * Okay! [http://midnightsky.dawnbrooke.com/ready-to-finish/](http://midnightsky.dawnbrooke.com/ready-to-finish/).
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365812)
 * In your theme options > custom css add this:
 *     ```
       .benchmarkemaillite-subscribe input[type="submit"] {
           padding: 10px 16px;
           margin-top: 10px;
           border: none;     display: inline-block;     background: #8e8e8e;
           color: #fff;     transition: background .6s ease-out;     -webkit-transition: background .6s ease-out;     -moz-transition: background .6s ease-out;     -o-transition: background .6s ease-out;     box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -moz-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -o-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-border-radius: 4px;     -moz-border-radius: 4px;     border-radius: 4px;
       }
       .benchmarkemaillite-subscribe input[type="submit"]:hover {
           color:#fff;
           background:#bbb;
       }
       ```
   
 * Kadence Themes
 *  Thread Starter [ruby06dawnbrooke](https://wordpress.org/support/users/ruby06dawnbrooke/)
 * (@ruby06dawnbrooke)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365902)
 * Thanks! 🙂
 *  Thread Starter [ruby06dawnbrooke](https://wordpress.org/support/users/ruby06dawnbrooke/)
 * (@ruby06dawnbrooke)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365903)
 * But it doesn’t seem to work?
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365904)
 * I’m not seeing the css in your site. Did you remove it? Have you cleared your
   cache?
 * Hannah
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365905)
 * Hey,
    I’m seeing that you added:
 *     ```
       .benchmarkemaillite-subscribe input[type="submit"] {
           padding: 10px 16px;
           margin-top: 10px;
           border: none;     display: inline-block;     background: #8e8e8e;
           color: #fff;     transition: background .6s ease-out;     -webkit-transition: background .6s ease-out;     -moz-transition: background .6s ease-out;     -o-transition: background .6s ease-out;     box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -moz-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -o-box-shadow: 0 -3px rgba(0,0,0,.1) inset;     -webkit-border-radius: 4px;     -moz-border-radius: 4px;     border-radius: 4px;
       }
       .benchmarkemaillite-subscribe input[type="submit"]:hover {
           color:#fff;
           background:#bbb;
       }
       ```
   
 * Which looks like you copied from an email and not from here. It’s very important
   that you copy the code from the forums.
 * Kadence Themes
 *  Thread Starter [ruby06dawnbrooke](https://wordpress.org/support/users/ruby06dawnbrooke/)
 * (@ruby06dawnbrooke)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365916)
 * I copied it from the forum though…
 *  Thread Starter [ruby06dawnbrooke](https://wordpress.org/support/users/ruby06dawnbrooke/)
 * (@ruby06dawnbrooke)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365917)
 * Wait, maybe there was error along the way when I put it in? Since now it works,
   thanks 🙂

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

The topic ‘Pinnacle- Button CSS’ 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

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

 * 9 replies
 * 3 participants
 * Last reply from: [ruby06dawnbrooke](https://wordpress.org/support/users/ruby06dawnbrooke/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/pinnacle-button-css/#post-6365917)
 * Status: resolved