Customize Resume button with css

Hi,

I’m using a child theme for Elegant’s DIVI theme, I have leveraged PaidMembershipsPro plugin to provide membership access to LearnDash courses.

The UCO Resume button is a great addition however for the life of me I am having no success applying a custom style to the Resume button.

After reading the UCO KB article:

https://www.uncannyowl.com/knowledge-base/learndash-resume/

The article provides the following example:

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

I included the following css in the child theme stylesheet

a.learndash-resume-button input[type=”submit”] {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  background: #00aced;
  padding: 10px 12px 10px 12px;
  border: solid #ffffff 2px;
  text-decoration: none;
  margin-bottom:10px;
}

Here’s the result.

Then I put the above behind the ID=”resumeuco”

#resumeuco a.learndash-resume-button input[type=”submit”] {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  background: #00aced;
  padding: 10px 12px 10px 12px;
  border: solid #ffffff 2px;
  text-decoration: none;
  margin-bottom:10px;
}

Here’s the result.

If I just target the class=”learndash-resume-button” i.e.,

.learndash-resume-button {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  background: #00aced;
  padding: 10px 12px 10px 12px;
  border: solid #ffffff 2px;
  text-decoration: none;
  margin-bottom:10px;
}

I get the small grey button style nesting inside the style I want.

Here’s the result.

Please help, this seemingly simple task is doing my head in.

Sorry I can’t include a link to the page, it obviously requires a login.

Thank you

https://ww.wp.xz.cn/plugins/uncanny-learndash-toolkit/