MasterStudy Templates
Live DemoChangelogResources Get MasterStudy
  • MasterStudy Templates
  • General
    • System Requirements
  • Installation & Activation
    • Theme Installation and Demo Import
    • MasterStudy Premium Templates
    • How To Update the Theme
    • License Utilization
    • How to get Premium Support?
  • LMS Widgets
    • Elementor Widgets
    • Gutenberg Blocks
  • Customizer Settings
    • Colors
    • Header Settings
    • Footer Settings
    • Typography
    • Menus
  • Elementor Blocks
    • Header
    • Footer
    • Menus
  • Gutenberg Blocks
    • MasterStudy Call to Action
    • MasterStudy Icon
    • MasterStudy Button
    • MasterStudy Testimonial
    • MasterStudy Iconbox
    • MasterStudy Adaptive Container
    • MasterStudy Text
  • Elementor Widgets
    • Courses Carousel
    • Courses Grid
    • Courses Search box
    • Featured Teacher
    • Recent Courses
    • MS LMS Testimonials
  • Extra Materials
    • Changelog
    • Demo
  • STYLEMIXTHEMES
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Accessing Colors from the WordPress Admin Dashboard
  • Accessing Colors from Your Website Page
  • Colors Settings

Was this helpful?

  1. Customizer Settings

Colors

PreviousGutenberg BlocksNextHeader Settings

Last updated 7 months ago

Was this helpful?

There are Colors settings available in the Customize section of the Appearance menu in the WordPress dashboard or from you website page. These settings let you set up the colors in the MasterStudy Templates.

Accessing Colors from the WordPress Admin Dashboard

To access these settings, first navigate to your WordPress dashboard. Look for the "Appearance" tab on the left-hand sidebar and click on it. A dropdown menu will appear with several options, select "Customize" from this list.

Within the Customizer, navigate to the "Colors" section. Here, you’ll find various settings to adjust your site’s colors.

Accessing Colors from Your Website Page

Another method to reach the Colors is directly from your website's front end for a more intuitive approach for adjustments while viewing changes live. Here’s how you can proceed:

  1. Visit your website’s homepage while logged into your WordPress account. You should see a bar at the top of the page — this is the WordPress toolbar.

  1. On this toolbar, locate the "Customize" option. Clicking on it will transport you directly to the Customizer interface.

  1. Within the Customizer, navigate to the "Colors" section. Here, you’ll find various settings to adjust your site’s colors.

Colors Settings

It's important to note that if your website uses Gutenberg blocks or is built with Elementor, the colors set within these platforms take over the WordPress Customizer settings.

In the "Colors" section of the WordPress Customize interface, you have the option to adjust three specific color settings.

  • Primary: Controls the main colors of your site: headings, links, and texts.

  • Accent: Use it for secondary elements on your website: buttons and hover effects.

  • Second: Adjust it for button hover effects.

After you finish the customization, click the Publish button to enhance and save the changes to your site.