Title: CSS Code For “Complete” Button
Last modified: June 30, 2022

---

# CSS Code For “Complete” Button

 *  [rward](https://wordpress.org/support/users/rward/)
 * (@rward)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-complete-button/)
 * Hi,
 * This may be an issue with my theme so I am trying to figure out how to customize
   the theme with the “additional CSS” settings. The “Complete” button is the same
   color as the background but if you hover over the button, it is the color of 
   the Primary color in the advanced settings section for Learnpress.
 * Can someone please help me with the css code I need to change the background 
   color and font color for the complete button?
 * The link above is to a screenshot of the complete button with me hovering the
   cursor over it. without the hover, it is invisible…
 * Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-code-for-complete-button%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [brianvu-tp](https://wordpress.org/support/users/briantp/)
 * (@briantp)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-complete-button/#post-15783439)
 * Hi,
 * We can’t view your site to check.
 * Thanks
 *  Thread Starter [rward](https://wordpress.org/support/users/rward/)
 * (@rward)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-complete-button/#post-15784621)
 * Hi, it’s an intranet. You can check by logging in and viewing this page:
 * [https://pareoffice.com/course/onboarding/lessons/office-information/](https://pareoffice.com/course/onboarding/lessons/office-information/)
 * Username/email: [team@premieratlantarealestate.com](https://wordpress.org/support/topic/css-code-for-complete-button/team@premieratlantarealestate.com?output_format=md)
   
   Password: J#uoc^vW4tfvPoPzM4S%WDOB
 * When I view the source, it looks like it should be something like this but it
   isn’t (I’ve tried as many different classes as I could find in the source code
   and none seem to work so I am obviously missing something):
 * .lp-button {
    color: #1c5087; }
 *  Plugin Support [brianvu-tp](https://wordpress.org/support/users/briantp/)
 * (@briantp)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-complete-button/#post-15787023)
 * Hi,
 * You can try to use this code
 *     ```
       #popup-course #popup-content .lp-button {
         color: #your_color !important;
         background-color:  #your_color !important;
       }
       #popup-course #popup-content .lp-button:hover {
         color: #your_color !important;
         background-color:  #your_color !important;
       }
       ```
   
 * Thanks

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

The topic ‘CSS Code For “Complete” Button’ is closed to new replies.

 * ![](https://ps.w.org/learnpress/assets/icon-256x256.gif?rev=3254420)
 * [LearnPress - WordPress LMS Plugin for Create and Sell Online Courses](https://wordpress.org/plugins/learnpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/learnpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/learnpress/)
 * [Active Topics](https://wordpress.org/support/plugin/learnpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/learnpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/learnpress/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [brianvu-tp](https://wordpress.org/support/users/briantp/)
 * Last activity: [3 years, 11 months ago](https://wordpress.org/support/topic/css-code-for-complete-button/#post-15787023)
 * Status: not resolved