Title: Button CSS class
Last modified: August 30, 2016

---

# Button CSS class

 *  Resolved [namster2k](https://wordpress.org/support/users/namster2k/)
 * (@namster2k)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/button-css-class/)
 * Sorry for the newbie question, but I want to change the appearance of the button
   to match the rest of the buttons on my site. However I don’t know the class name.
   How do I find the class name to enter into the “Button CSS class” field?
 * Thanks!
 * [https://wordpress.org/plugins/protected-posts-logout-button/](https://wordpress.org/plugins/protected-posts-logout-button/)

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

 *  Plugin Author [Nate Reist](https://wordpress.org/support/users/natereist/)
 * (@natereist)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/button-css-class/#post-6247304)
 * You would enter the css class associated with the button styles from your stylesheet.
   There are several ways to determine this, but you may want to consider using 
   your browser’s web inspector: [http://kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/](http://kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/)
 * Or reading through your themes stylesheet. If you have have a web url to the 
   page in question please don’t hesitate to send it to me.
 * If you have any issue with this please let me know
 *  Thread Starter [namster2k](https://wordpress.org/support/users/namster2k/)
 * (@namster2k)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/button-css-class/#post-6247328)
 * Here’s an example of the button style I’d like to use on my site:
    [http://huysindustries.com/newsite/what-we-do/](http://huysindustries.com/newsite/what-we-do/)
 * After inspecting the element of the button, I found that the class is called “
   _self pt-cv-readmore btn btn-success btn-sm”.
 * When I entered that as the Button CSS class, it works. However the font on the
   button is black as opposed to white like on the other page. Any way to change
   the font colour?
 *  Plugin Author [Nate Reist](https://wordpress.org/support/users/natereist/)
 * (@natereist)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/button-css-class/#post-6247334)
 * Hey namster2k,
 * It looks like that conflict comes from a default class `button` inside your themes
   stylesheet ( virtue ) that sets the color of `.button` to color: `#444;`
 * If you have a way to safely add css to you site you could overwrite that with
   this:
 *     ```
       input[type="button"].button.logout{
       color:#fff !important;
       }
       ```
   
 * A good way to safely add css to your theme is with [jetpack’s custom css plugin](http://jetpack.me/support/custom-css/)
 * Hope this helps
 *  Thread Starter [namster2k](https://wordpress.org/support/users/namster2k/)
 * (@namster2k)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/button-css-class/#post-6247337)
 * Perfect! That did the trick!
    Thank you very much, Nate!
 * Actually the Virtue theme also has a built-in Custom CSS editor, so I was able
   to copy and paste the code in there with no problems.
 * Thanks again!

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

The topic ‘Button CSS class’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/protected-posts-logout-button.svg)
 * [Protected Posts Logout Button](https://wordpress.org/plugins/protected-posts-logout-button/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/protected-posts-logout-button/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/protected-posts-logout-button/)
 * [Active Topics](https://wordpress.org/support/plugin/protected-posts-logout-button/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/protected-posts-logout-button/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/protected-posts-logout-button/reviews/)

## Tags

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

 * 4 replies
 * 2 participants
 * Last reply from: [namster2k](https://wordpress.org/support/users/namster2k/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/button-css-class/#post-6247337)
 * Status: resolved