Choosing the global style

Overview

Nexgen has more than 2000 theme settings spread across 15 modules.

Global style controls allows you to configure the entire color scheme and typography of your website with a few clicks.

Image

Overview

Nexgen has more than 2000 theme settings spread across 15 modules.

Global style controls allows you to configure the entire color scheme and typography of your website with a few clicks.

Global style controls

From the dashboard go to Theme Settings » Global Style.

You will see each part of the website separated into tabs at the top and in the body of the panel the sections and elements that can be styled.

All theme settings have the same structure to ensure greater usability.

⚡ Theme

Main » Color

Select the main colors that you want to join for the entire website.

» Primary Color
» Secondary Color
» Tertiary Color

Background » Color

The selected background colors will be applied to specific sections automatically, such as body, banner, hero, among others.

» White Color
» Light Color
» Dark Color

Text » Color

The selected text colors will be applied to the body, paragraphs, list and other elements of the website, with the exeption of the headings.

» White Color
» Light Color
» Dark Color

Alert » Color

The text colors of the alerts will be applied to the website notification colors, such as the forms dialogs and the like.

» Success Color
» Warning Color
» Danger Color

⚡ Body

Section » Color

You can set the background color for the body of the site.

» Background Color

Paragraph » Typograph

Set the general typography for desktop and mobile.

» Font Type (Google Font or Custom Font)
» Font Family
» Font Style
» Font Size
» Font Weight
» Line Height

⚡ Heading

H1, H2, H3, H4, H5 and H6 » Color

You can set the color for the headings of the site.

» Text Color

H1, H2, H3, H4, H5 and H6 » Typograph

You can set the general typography for the headings of the site.

» Font Type (Google Font or Custom Font)
» Font Family
» Font Style
» Font Size
» Font Weight
» Line Height

⚡Link

Link » Color

You can set the color and hover color for the all links of the site.

» Text Color
» Text Hover Color

⚡ Button

Button » Color

You can set the background color, text color and text hover color for all buttons on the site.

» Bckground Color
» Bckground Hover Color
» Text Color

⚡ Field

Field » Color

You can set the background color, text color and text facus color for all fields on the site.

» Bckground Color
» Bckground Hover Color
» Text Color