{"id":158,"date":"2021-03-15T00:01:36","date_gmt":"2021-03-15T00:01:36","guid":{"rendered":"https:\/\/nexgen.codings.dev\/docs\/?p=158"},"modified":"2021-03-16T21:08:49","modified_gmt":"2021-03-16T21:08:49","slug":"choosing-the-global-style","status":"publish","type":"post","link":"https:\/\/nexgen.codings.dev\/docs\/choosing-the-global-style\/","title":{"rendered":"Choosing the global style"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Overview<\/h4>

Nexgen has more than 2000 theme settings<\/b> spread across 15 modules.<\/p>

Global style controls allows you to configure the entire color scheme and typography of your website with a few clicks.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\t\t
\r\n\t\t\t\"Image\"\r\n\t\t<\/div>\r\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Overview<\/h4>\n

Nexgen has more than 2000 theme settings<\/b> spread across 15 modules.<\/p>\n

Global style controls allows you to configure the entire color scheme and typography of your website with a few clicks.<\/p>\n

Global style controls<\/h4>\n

From the dashboard go to Theme Settings \u00bb Global Style.<\/p>\n

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.<\/p>\n

All theme settings have the same structure to ensure greater usability.<\/p>\n

\"\u26a1\" Theme<\/h5>\n

Main \u00bb Color<\/b><\/p>\n

Select the main colors that you want to join for the entire website.<\/p>\n

\u00bb Primary Color
\u00bb Secondary Color
\u00bb Tertiary Color<\/p>\n

Background \u00bb Color<\/b><\/p>\n

The selected background colors will be applied to specific sections automatically, such as body, banner, hero, among others.<\/p>\n

\u00bb White Color
\u00bb Light Color
\u00bb Dark Color<\/p>\n

Text \u00bb Color<\/b><\/p>\n

The selected text colors will be applied to the body, paragraphs, list and other elements of the website, with the exeption of the headings.<\/p>\n

\u00bb White Color
\u00bb Light Color
\u00bb Dark Color<\/p>\n

Alert \u00bb Color<\/b><\/p>\n

The text colors of the alerts will be applied to the website notification colors, such as the forms dialogs and the like.<\/p>\n

\u00bb Success Color
\u00bb Warning Color
\u00bb Danger Color<\/p>\n

\"\u26a1\" Body<\/h5>\n

Section \u00bb Color<\/b><\/p>\n

You can set the background color for the body of the site.<\/p>\n

\u00bb Background Color<\/p>\n

Paragraph \u00bb Typograph<\/b><\/p>\n

Set the general typography for desktop and mobile.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\u00bb Font Family
\u00bb Font Style
\u00bb Font Size
\u00bb Font Weight
\u00bb Line Height<\/p>\n

\"\u26a1\" Heading<\/h5>\n

H1, H2, H3, H4, H5 and H6 \u00bb Color<\/b><\/p>\n

You can set the color for the headings of the site.<\/p>\n

\u00bb Text Color<\/p>\n

H1, H2, H3, H4, H5 and H6 \u00bb Typograph<\/b><\/p>\n

You can set the general typography for the headings of the site.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\u00bb Font Family
\u00bb Font Style
\u00bb Font Size
\u00bb Font Weight
\u00bb Line Height<\/p>\n

\"\u26a1\"Link<\/h5>\n

Link \u00bb Color<\/b><\/p>\n

You can set the color and hover color for the all links of the site.<\/p>\n

\u00bb Text Color
\u00bb Text Hover Color<\/p>\n

\"\u26a1\" Button<\/h5>\n

Button \u00bb Color<\/b><\/p>\n

You can set the background color, text color and text hover color for all buttons on the site.<\/p>\n

\u00bb Bckground Color
\u00bb Bckground Hover Color
\u00bb Text Color<\/p>\n

\"\u26a1\" Field<\/h5>\n

Field \u00bb Color<\/b><\/p>\n

You can set the background color, text color and text facus color for all fields on the site.<\/p>\n

\u00bb Bckground Color
\u00bb Bckground Hover Color
\u00bb Text Color<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Overview Nexgen has more than 2000 theme settings spread across 15 modules. Global style controls allows you to configure the…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,8],"tags":[],"class_list":["post-158","post","type-post","status-publish","format-standard","hentry","category-global-style","category-theme-settings"],"acf":[],"_links":{"self":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":26,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/158\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}