02068 – How to Customize the Colors of Membership Site

This feature will allow you to customize your Membership Site’s elements with different colors to match your branding and give your membership portal a fresh look.

To do this:

  • Go to Members Area and then select Online Courses.
  • Then, click the ellipsis () on the upper right hand corner and then select Settings.
  • On Portal Settings pop up window, click the Color Customization.
  • Upon click, the Color Customization toggle will show the available elements that you can change the color.
    • If you type the word “transparent” in to the field provided, the background will be transparent and show what ever color is visible on the page.
    • To change the background color, you can either add a Hex code in the field provided or choose a color from the Color Wheel.
    • If the Color Wheel is closed, simply click on the Color Picker button to the right of the background field.

 


 

  • Button Color

    Change the color of the button on your Course tab.

  • Button Text Color

    Change the color of the text on the button on your Course tab.

 


 

  • Navigation Bar Color

    Change the color of the navigation bar on your Course page.

  • Navigation Text Color

    Change the color of the text on the navigation bar on your Course page.

  • Navigation Highlight Background Color

    Change the color of the highlight box on the navigation bar on your Course page.

  • Navigation Highlight Text Color

    Change the color of the highlighted text on the navigation bar on your Course page.

  • Navigation Sub Menu Background Color

    Change the background color of the Sub menu.

  • Navigation Sub Menu Text Color

    Change the text color of the Sub menu.

  • Navigation Text Weight

    Change the font weight of navigation text.
    Click the drop-down menu to select either Bold, Normal or Light font weight.

 


 

  • Progress Color

    Change the color of the progress bar on your Course page.

  • Progress Text Color

    Change the color of the text on the progress bar on your Course page.

  • Progress Background Color

    Change the color of the progress bar background on your Course page.

 


 

  • Back to Account Color

    Change the color of ‘Back to Account’ arrow link.

  • Default Link Color

    Change the color of all default links, e.g. forum breadcrumbs.

 


 

  • Forum Pages Titles Color

    Change the color of the Section and Thread titles.

  • Forum Lists Titles Color

    Change the color of the titles of the sections titles displayed in the forum home page, and the thread titles in the section pages.

  • Forum Category Titles Color

    Changes the color of the category in the forum home page.

  • Forum Home Page Icons Color

    Change the color of forum icons.

Once done, click on SAVE CHANGES.

 


 

Related Articles

How to Setup the Course Portal
How to add Content to your Course