Styling for Resume Button

  • Resolved Nellybongo

    (@nellybongo)


    8 years, 7 months ago

    Hi Ryan,

    Just wanted to ask if the styling for the resume button can be added, I have hacked by CSS for this at the moment but would be nice to add this, i`m using a child theme for the CSS, heres the css I had to change as it is only showing as a link and cant be seen very well.

    a.learndash-resume-button {
    font-size: 16px;
    border-radius: 5px;
    background-color: #376F2B;
    color: #ffffff;
    border: 2px solid #2A5521;
    padding: 5px 15px;
    margin-top: 10px;
    cursor: pointer;
    }
    a. learndash-resume-button:hover {
    color: #000000;

    https://www.ads-software.com/plugins/uncanny-learndash-toolkit/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Uncanny Owl

    (@uncannyowl)

    Hi Nellybongo,

    It’s a good point and a few people have mentioned it. What we’ll do on an upcoming release is add a checkbox in the settings that allows the Resume button to inherit whatever styles the LearnDash Mark Complete button is using. That would at least let sites maintain consistency with LearnDash. Otherwise, your example above is a good way to style the Resume button.

    I don’t think we’ll add a style editor or include our own CSS, but hopefully the 2 options above are sufficient, and at least we can ensure consistency.

    Thread Starter Nellybongo

    (@nellybongo)

    Many thanks for such a quick response, i`ll look forward to the update, excellent work Ryan.

    Plugin Author Uncanny Owl

    (@uncannyowl)

    Hi Nellybongo,

    I wanted to follow up because we ended up not using the approach I’d mentioned in the last message. Instead of adding another selection, we just changed the Resume button to a form submit button. Our developers thought this would be more helpful to beginners than offering the choice. As such, this is how you might target the Resume button with CSS now with version 1.2.4:

    a.learndash-resume-button input[type=”submit”] { color:#FFF; }

    Thanks!

    Thread Starter Nellybongo

    (@nellybongo)

    Hi there,

    That’s much better, and easier to style, many thanks for the update. regards, Neil

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling for Resume Button’ is closed to new replies.