Color Schemes and Custom Colors

Navigate to customizer

Customizing >> Colors

Reign has a couple of inbuilt 5 color schemes.

You can toggle to anyone to get a preview inside the customizer. It will help to start with any color combination and use color options below them to setup the color elements of each object.

Color Option: We have the following Color options for each section.

1- Topbar

  1. TopBar Background Color Allows you to choose a background color for topbar.
  2. TopBar Text Color Allows you to choose a text color for content written inside the top bar.
  3. TopBar Text Allows you to choose hover color for links used inside the top bar.

2- Body

  1. BodyBody Background Color Allows you to choose a body text color for the site.
  2. Body Text Color Allows you to choose a body text color for the site.
  3. Sections Background Color Allows you to choose a section background color for the site.
  4. Theme Color Allows you to choose a primary color, active color for the site.

3- Header

  1. Header Background Color Allows you can choose a background color for your header.
  2. Site Title Font Color Allows you to choose a site title color for your site.
  3. Header Icon Color Allows you to choose icon color.
  4. Header Icon Hover Color Allows you to choose icon hover color.

4- Menus 

  1. Main Menu Text Color Allows you to choose a menu text color. 
  2. Main Menu Text Hover Color Allows you to choose a text hover color. 
  3. Main Menu Text Active Color Allows you to choose an active text color. 
  4. Main Menu Background Hover Color Allows you to choose a background hover color.
  5. Main Menu Background Active Color Allows you to choose an active background color.
  6. Sub Menu Background Color Allows you to choose a background color for the sub-menu.
  7. Sub Menu Text Color Allows you to choose a menu text color.
  8. Sub Menu Text Hover Color Allows you to choose a text hover color.
  9. Sub Menu Background Hover Color Allows you to choose a background hover color.

5- Content

  1. Headings color Allows you to choose the color of a heading for the site.
  2. Link Color Allows you to choose a link color for the site.
  3. Link Hover Color Allows you to choose a link hover color for the site.
  4. Content Link Color Allows you to choose the links color of the content area for your site.
  5. Content Link Hover Color Allows you to choose links to the hover color of the content area for your site.
  6. Button Text Color Allows you to choose a button text color for the site.
  7. Button Text Hover Color Allows you to choose a button text hover color for the site.
  8. Button Background Color Allows you to choose a button background color for your site.
  9. Button Background Hover Color Allows you to choose a button background hover color for your site.
  10. Border Color Allows you to choose the site border color.
  11. HR Color Allows you to choose an hr color for the site.

6- Footer

    1. Footer Background Color Allows you can choose the footer background color.
    2. Footer Widget Title Color Allows you can choose the footer widget title color.
    3. Footer Text Color Allows you can choose footer text color.

<li”>Footer Link Color Allows you can choose footer links color.

  1. Footer Link Hover Color Allows you can choose footer links to hover color.
  2. Copyright Background Color Allows you can choose the copyright background color.
  3. Copyright Text Color Allows you can choose copyright text color.
  4. Copyright Link Color Allows you can choose copyright link color.
  5. Copyright Link Hover Color Allows you can choose copyright links to hover color.

7- Forms

  1. Form Text Color Allows you to choose the form’s text color.
  2. Form Background ColorAllows you to choose the form’s background color.
  3. Form Border Color Allows you to choose the form’s border color.
  4. Form Placeholder ColorAllows you to choose the form’s placeholder color.
  5. Form Focus Text Color Allows you to choose the form’s focus text color.
  6. Form Focus Background Color Allows you to choose the form’s focus background color.
  7. Form Focus Border Color Allows you to choose the form’s focus border color.
  8. Form Focus Placeholder Color Allows you to choose the form’s focus placeholder color.