Course Content

Customize the Training Resource Buttons with CSS


Murray Gray in Course Content

Dec 09, 2020 - 1 min read. Available on Growth plan or higher.

We've created some example CSS styles that will globally change the font that's used for your student membership site.

To get started:

  • Open any course and open the Course Settings section
  • Open the CSS sub-section
  • Set the Enable Custom CSS For This Course toggle to ON (green)
  • You should then see the CSS field appear. Add your CSS code to that box alongside any other code you may have already added to it.

Change Button Color

.custom-training-resource-button {
background-color: lightyellow;
-webkit-box-shadow: 5px 5px 16px 5px rgba(0,0,0,0.21);
box-shadow: 5px 5px 16px 5px rgba(0,0,0,0.21);
}

Change Icon Color

.custom-training-resource-button svg path {
fill: red;
}

Change Button Size

.custom-training-resource-button {
padding:20px;
}

HELP ARTICLES
3