CSS Code For “Complete” Button

  • rward

    (@rward)


    3 years ago

    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 to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support brianvu-tp

    (@briantp)

    3 years ago

    Hi,

    We can’t view your site to check.

    Thanks

    Thread Starter rward

    (@rward)

    3 years ago

    Hi, it’s an intranet. You can check by logging in and viewing this page:

    https://pareoffice.com/course/onboarding/lessons/office-information/

    Username/email: team@premieratlantarealestate.com
    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

    (@briantp)

    3 years ago

    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.