Header Configuration

Custom Header

By clicking on the Header Configuration┬ámenu, you will be redirected to the “Custom Header” under the Flare Theme Builder configuration. From here you can configure the Header Settings, Navigation, and the Search Options for the Web Store.

Color Variable

Header:

You can manage all the color variables for the Header from here.

– You can set the background color for Header Top, Header Middle & Header Bottom parts.

– To set the color, you can use the customized Color Picker tool.

– Header Border Color: To set the Border color for the Header to indicate the Header part.

– Header Text Color: To select the color for the Text of the Header part.

Header Text Hover Color: To select the color for hover effects.

Header Search Text Color: To select the Text color for the Search box.

Header Search Background Color: To select the Background color for the Search box.

Navigation:

Google Font Family: Set font family for H4 heading. Ex.: Questrial.

Note: Please check this link to know more about Google Fonts

– Set the color for Navigation Background Color and Hover Background color by moving the mouse cursor on that.

– Similarly, set the color for Navigation Font Color and Hover Font color by moving the mouse cursor on the Font.

Header Settings

Sticky Header Options:

Enable Sticky Header: Enable/disable the ‘Sticky Header’.

Search Options

Field Border Top Width: Enable/disable the ‘Sticky Header’.

Field Border Right Width: Enable/disable the ‘Sticky Header’.

Field Border Bottom Width: Enable/disable the ‘Sticky Header’.

Field Border Left Width: Enable/disable the ‘Sticky Header’.

Field Border Style: Enable/disable the ‘Sticky Header’.

Field Border Radius: Enable/disable the ‘Sticky Header’.

Searchbar Color: Enable/disable the ‘Sticky Header’.

Field Border Color: Enable/disable the ‘Sticky Header’.

Field Background color: Enable/disable the ‘Sticky Header’.

Placeholder Color: Enable/disable the ‘Sticky Header’.

After configuring all the details click on the Save Config button. The Website appearance will be displayed as per the configuration here.

Post a Comment