Course Content

Customize the Training Resource Buttons with CSS

Murray Gray in Course Content

Nov 04, 2022 - 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 {

Lots of people found these next topics pretty useful...