purchase now

Exponent Documentation

Transparent Header Configurations

This article explains how the appearance of the Header Modules can be modified when Transparent Header is chosen in the Global Settings Panel. We will mention the settings present in each Module below –

Header Row – 

By default when the Transparent header is enabled, the Background Color of the Header Rows are set to be transparent. You can use the following settings in the Header Row module to modify this. 

Background Color – Option to set a different BG color for the header row when Transparent header is enabled. The default value of this setting has opacity value as 0. This option is provided to make beautiful semi transparent headers. 

Border Color – Option to set a different border color when Transparent Header is enabled.  The default value of this setting has opacity value as 0. 

Do not Apply Color Scheme – You can enable this option to disable application of Color Scheme on the Header Row and modules within the Row. As explained in the article on Transparent Header, while enabling Transparent Header for the site, you will also be setting the Color Scheme that needs to be applied. Light or Dark – this needs to be choosen based on the tone of the BG images on your page. If you are having darker images, the color scheme should be chosen to be white and vice versa. Enabling this option, will pull up the Header Modules in the corresponding Header Row in original Colors set for the default header. 

DEFAULT HEADER
TRANPARENT HEADER WITH COLOR SCHEME APPLIED
TRANPARENT HEADER WITH COLOR SCHEME NOT APPLIED

Buttons, Icons and Text Block – 

By default when the Transparent header is enabled, the color of Button, Icons and Text Block are set to a shade of Dark or Light Grey based on the Color Scheme chosen. i.e If you choose Light Scheme, a light shade of grey will be applied and If you choose Dark Scheme, a dark shade of grey will be applied on these elements. But this can be changed by using the Light Scheme Colors and Dark Scheme colors panel present on Button, Icon and Text Block Modules. 

Horizontal and Vertical Menu –

Menu modules have the option to change the Link Hover color on Transparent. Menu Hover Color on Light Scheme and Menu Hover Color on Dark Scheme options can be changed to set a different color for menu hover on Transparent header.