Step 14: customize all default element markup

— Here you can predefine all default markup like colors, fonts, font sizes, font family’s, font weight,… For menu content buttons forms and footer.

Light skin is used on light background image.
Dark skin is used on a dark background image. You can specify the text skin in the style tap of the column settings in the header content block.
As a result, the light skin will make your primary menu font color black and sets the logo to the one you have chosen in theme options navbar -> logo -> logo light.
The same applies in the opposite way for the dark skin.

Light Skin

SVG/Text Logo Color: specify the logo color if it’s a SVG or textual.

Menu Text Color: specify the menu text color.

Primary Menu Background Color: specify the primary menu background color.

Primary Menu Background Opacity: adjust the primary menu background transparency.

Primary Submenu Background Color: specify the primary submenu background color.

Primary Menu Border Color: specify the primary menu border color.

Primary Menu Border Opacity: adjust the primary menu border transparency.

Secondary Menu Background Color: specify the secondary menu background color.

Headings Color: specify the headings text color.

Content Text Color: specify the content area text color.

Content Background Color: specify the content background color.

Dark Skin

SVG/Text Logo Color: specify the logo color if it’s a SVG or textual.

Menu Text Color: specify the menu text color.

Primary Menu Background Color: specify the primary menu background color.

Primary Menu Background Opacity: adjust the primary menu background transparency.

Primary Submenu Background Color: specify the primary submenu background color.

Primary Menu Border Color: specify the primary menu border color.

Primary Menu Border Opacity: adjust the primary menu border transparency.

Secondary Menu Background Color: specify the secondary menu background color.

Headings Color: specify the headings text color.

Content Text Color: specify the content area text color.

Content Background Color: specify the content background color.

General

HTML Body Background: specify the body background color and media.

Accent Color: specify the accent color.

Links Color: specify the color of links in page textual contents.

Body Font Family: specify the body font family.

UI Font Family: specify the UI font family.

UI Font Weight: specify the UI font weight.

Headings Font Family: specify the headings font family.

Headings Font Weight: specify the Headings font weight.

Menu Letter Spacing: specify the letter spacing in EMs (the default value is 0.05).

Input Text Underlined: activate to style all the input text with the underline.

Fallback Font: select a font to use as fallback when Google Fonts import is not available.

Menu

Menu Highlight Color: specify the menu active and hover effect color (If not specified an opaque version of the menu color will be used).

Primary Menu Skin: specify the primary menu skin.

Primary Submenu Skin: specify the primary submenu skin.

Secondary Menu Skin: specify the secondary menu skin.

Menu Font Size: specify the menu font size. NB: the Overlay menu font size is automatic relative to the viewport.

Submenu Font Size: specify the submenu font size. NB: the Overlay submenu font size is automatic relative to the viewport.

Mobile Menu Font Size: specify the menu font size for mobile (when the Navbar > Animation > is not Menu Centered Mobile).

Menu Font Family: specify the menu font family.

Menu Font Weight: specify the menu font weight.

Menu First Level Uppercase: activate to transform the first menu level to uppercase.

Menu Other Levels Uppercase: activate to transform all the others menu level to uppercase.

Content

Skin: specify the content skin.

Background Color: specify a custom content background color.

Buttons Font Family: specify the buttons font family.

Buttons Font Weight: specify the buttons font weight.

Buttons Text Transform: specify the buttons text transform.

Buttons Letter Spacing: specify the letter spacing value.

Button And Form Fields Border: specify the width of the borders for buttons and form fields.

Button Hover Effect: specify an effect on hover state.

Footer

Copyright Area Skin: specify the copyright area skin color.

Copyright Area Custom Background Color: specify a custom copyright area background color.

Tips 'n tricks

Important: after all the adjustments press save changesTip: if the changes are not visible on the website click WP-rocket-> clear cache