Menu

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

Note: This article is for anyone using a site theme with a version 1.9.9 or older. If you're using an older site theme, we strongly recommend that you upgrade to the newest version - here's why.


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



Step 1:


Head into your Course Dashboard and click on Themes. 


Step 2:


You will want to create a new theme ( press edit if you already have an active theme ): 

Or


Step 3: 


Inside the theme editor click on Theme CSS: 




Step 4: 


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. 


It will bring you to here: 


Step 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. 


Step 6:


You want to press Save


Step 7: 


Once it is saved you need to enable the theme. You do this by clicking on the button: Theme Settings: 


Within the Theme Settings you want to click the check box next to Enable This Theme and Press Save: 


Step 8:


You will now need to apply the theme to your course landing page. You will first go into My Courses and Click on the Course you want to change the font to. Within that course you want to click on Design: 


You will be given 3 options for the Course Landing Page Layout: 



You want to select the Custom: 



You want to select the type of Page Layout (or the custom theme you have created) you want to use from the drop down menu: 


Click on Save Changes. 


Step 9: 


Check you landing page to see if the changes have been applied: 



Notes:


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.