Title: Changing Button Color
Last modified: May 12, 2017

---

# Changing Button Color

 *  Resolved [omgomt](https://wordpress.org/support/users/omgomt/)
 * (@omgomt)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/)
 * Hello,
    I would like to change the font color, highlight color, basically everything
   about the button that you guys identify as the primary button. I’ve already used
   some custom CSS to change the background, but I can’t figure out how to change
   the font color within the button. Can you please let me know how to go about 
   this? Thanks

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

 *  Thread Starter [omgomt](https://wordpress.org/support/users/omgomt/)
 * (@omgomt)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9124656)
 * Also, is there a way to remove the “Author information” heading from the course
   listings when a user opens a course?
 *  [Thomas Patrick Levy](https://wordpress.org/support/users/thomasplevy/)
 * (@thomasplevy)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9127030)
 * [@omgomt](https://wordpress.org/support/users/omgomt/),
 * IF you’re not already a CSS expert you might find LifterLMS Labs Simple Branding
   pretty helpful: [https://lifterlms.com/docs/simple-branding-lab/](https://lifterlms.com/docs/simple-branding-lab/)
 * It’s a free plugin that lets you colorize LifterLMS colors according to your 
   tastes and preferences.
 * If you need some more specific customizations you’ll want to turn towards some
   custom CSS.
 * Author information (and all sorts of other stuff that sometimes not everyone 
   wants can be removed with the action manager lab: [https://lifterlms.com/docs/lab-action-manager/](https://lifterlms.com/docs/lab-action-manager/)
 * Hope that helps!
 *  Thread Starter [omgomt](https://wordpress.org/support/users/omgomt/)
 * (@omgomt)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9128303)
 * I was hoping somebody could please post the custom CSS to change the features
   I listed above
 *  [Thomas Patrick Levy](https://wordpress.org/support/users/thomasplevy/)
 * (@thomasplevy)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9137967)
 * [@omgomt](https://wordpress.org/support/users/omgomt/),
 * CSS Rules you’ll want to use:
 * 1) [Color](https://www.w3schools.com/cssref/pr_text_color.asp)
    2) highlight 
   color (I think you mean the [hover state](https://www.w3schools.com/cssref/sel_hover.asp))
   3) [Background color](https://www.w3schools.com/cssref/pr_background-color.asp)
 *     ```
       .llms-button-primary {
          color: white;
          background-color: black;
       }
   
       .llms-button-primary:hover {
          color: black;
          background-color: red;
       }
       ```
   
 * That’ll get you started!
 *  Thread Starter [omgomt](https://wordpress.org/support/users/omgomt/)
 * (@omgomt)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9138778)
 * Thank you! Works great. Is there custom CSS so that I can remove the author information
   from all course related pages? It by default shows Admin as the author, but I’d
   like that info (as well as the time/date stamp) completely omitted
 *  [Thomas Patrick Levy](https://wordpress.org/support/users/thomasplevy/)
 * (@thomasplevy)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9138919)
 * [@omgomt](https://wordpress.org/support/users/omgomt/),
 * Try LifterLMS Labs Action Manager: [https://lifterlms.com/docs/lab-action-manager/](https://lifterlms.com/docs/lab-action-manager/)
 *  Thread Starter [omgomt](https://wordpress.org/support/users/omgomt/)
 * (@omgomt)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9140645)
 * After I updated the CSS, it worked fine. This morning, the text color on the 
   primary button resorted back to its original color, despite the CSS that you 
   listed (and it did originally change it to white text). I suspect this may have
   to do with a wordpress update, but how do I change it to white? The custom CSS
   is still in there, and not working
 *  Thread Starter [omgomt](https://wordpress.org/support/users/omgomt/)
 * (@omgomt)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9146092)
 * Bumping this… still looking for help. After the latest update (and activation
   of LMS Labs).. the primary button font color is still not white. What CSS can
   i use to make it white? The one you listed above does not work
 *  [Thomas Patrick Levy](https://wordpress.org/support/users/thomasplevy/)
 * (@thomasplevy)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9146991)
 * [@omgomt](https://wordpress.org/support/users/omgomt/),
 * The LifterLMS update wouldn’t have changed anything and I doubt the WP security
   update would. Send me a link to your site where the CSS for a button isn’t working
   and I’ll see if i can figure it out. It’s more than likely an issue of CSS specificity:
   [https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity)
 *  [casperroux](https://wordpress.org/support/users/casperroux/)
 * (@casperroux)
 * [8 years, 12 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9351078)
 * You can use it like this
 *     ```
       .llms-button-primary {
         background:#19B3AB !important;
         color:#FFFFFF !important;
       border-radius: 5px;
       padding: 15px 40px 15px 40px;
       }
       ```
   

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

The topic ‘Changing Button Color’ is closed to new replies.

 * ![](https://ps.w.org/lifterlms/assets/icon.svg?rev=2034507)
 * [LifterLMS - WP LMS for eLearning, Online Courses, & Quizzes](https://wordpress.org/plugins/lifterlms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/lifterlms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/lifterlms/)
 * [Active Topics](https://wordpress.org/support/plugin/lifterlms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/lifterlms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/lifterlms/reviews/)

 * 10 replies
 * 3 participants
 * Last reply from: [casperroux](https://wordpress.org/support/users/casperroux/)
 * Last activity: [8 years, 12 months ago](https://wordpress.org/support/topic/changing-button-color-3/#post-9351078)
 * Status: resolved