How to Change the Course Landing Page Banner Text Font Color (For V1 Themes)

Note: This article is for anyone using a pre-V2 theme. Not sure which theme you're on? Refer to this article to find out.

This support article will go over the steps on how to change the Font that appears on the Banner of your site. If you are looking at changing the Site Landing Page (course card page) use this document: How to Change The Site Landing Page Banner Font Color

1. Go to the Theme Library page of your admin dashboard, Choose My Themes in the top bar and then Edit Code to open the Theme Editor.

2. Inside the theme editor click on Theme CSS: 

3. Within the Theme Editor you want to search for Product Landing: Product banner (on mac you can search by pressing command⌘+F  and on windows CTRL-F). You can also scroll through the editor as well. 

4. It will bring you to here: 

5. You want to look for this code: 

You want to change the color variable: 

As an example I have change the color to Red

If you want to hide the text entirely you want to set the color to Transparent. 

6. You want to press Save


If you are looking at changing the color of the text below the Title, you want to change the color to the .product__subtitle: 

Keywords: Banner Font Colour, Banner Font, Font Colour, Font Color, Color, Colour. 

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.