ReadyLaunch™ for Courses Colors and Styles Customization

When using our ReadyLaunch™ templates (recommended), you have a lot of control over the colors and logo, and featured images used.

Colors and Logo

You can edit these easily within the MemberPress > Settings > ReadyLaunch™ tab.

However, if you'd like to see your changes live, we recommend using the Theme Customizer instead.

To access the Theme Customizer, head to MemberPress > Settings > ReadyLaunch™ tab, and ensure that "Courses / Lessons" is toggled on (enabled). 

Now if you go to Appearance > Customize you'll see the Courses ReadyLaunch™ option. This is a great way to quickly make sure you get your branding colors/logo on point quickly! The colors are pretty straight forward as shown in the image above, so we won't go into a lot of detail on those.

You can also upload a logo that is shown in the top menu bar. It is recommended to use a horizontally designed logo (wide instead of tall). You may need to try a few different designs and sizes to get yours to fit just right.

Featured Image

If you want to change the featured images for your Course(s), you can do so by editing the Course in your Dashboard. Go to MemberPress > Courses. And edit the Course you want to change the featured image on.

In the "Document" tab in your Gutenberg editor, click on the Featured Image section to update your image as shown below:

Click "Set featured image" to set an existing or upload a new Image.

We recommend using an image of at least 640x480px. But a higher resolution will look even better.

Advanced CSS

If you're a designer and have some existing CSS you'd like to apply to the buttons/links in the Courses Classroom Mode, you can set some CSS classes for your Next/Previous buttons and the breadcrumb links.

Head to MemberPress > Settings > Courses tab, and scroll to the bottom. You'll see the following options:

Add your CSS classes, and save the settings.

That's it!