How to manage the Colors of the site?

eLearning theme allows you to manage the colors on the site.

  • From Customize section, go to the Global > Colors.

-In the color option, you will see three available options.

global color

How to change the Base Colors of the site?

Location: Appearance > Customize > Global > Colors > Base Colors

eLearning theme allows you to change the basic color of your site. You can achieve a uniform theme color for your site using this section. It is for setting the default color that applies throughout your whole site.

Note: If you want different colors for the different sections instead of the same Base Colors, you can override the base colors using the color option provided in the specific sections. For example, to choose a different text color for the Menu, go to that specific section of the Customizer and select the color. That will override whatever color has been selected as the Base Color.

Available Options:

  • Primary Color: Change the primary theme color of the site.

  • Text Color: Change the color of the text on the site.

  • Border Color: Change the color of the borders on the site.

It is shown in the image below:

Base Colors

How to change the Heading Colors of the site?

The eLearning theme allows you to change the heading color of your site. You can achieve a uniform theme color for your site using this section. It is for setting the default color that applies throughout your whole site.

Location: Appearance > Customize > Global > Colors > Heading Colors

Available Options:

  • Heading Color (H1-H6): Change the site's heading theme (H1-H6) color.

It is shown in the image below:

Heading Color

Location: Appearance > Customize > Global > Colors > Link Colors

The eLearning theme allows you to apply color to all the text on your site to which links have been added.

Note: If you want different link colors for the different sections instead of the same Link Colors, you can override the link colors using the color option provided in the specific sections. For example, to choose a different link color for the header, go to that specific section of the Customizer and select the color. That will override whatever color has been selected as the Link Color.

Available Options:

  • Link Color: This option changes the color of the link on the site.

  • Link Hover Color: This option changes the color of the link on hover on the site.



Was this article helpful to you?
Give us Rating

Last edited on May 22, 2024.
Edit this page