Close

Header Styling

Header Background #

The following settings work with Preset Header and Custom Header set form Apress Theme options.

Set Header Color – Controls the background image, background position, background size, etc for the header.

Header TypographyThese settings control the typography for Header Font.

100% Header WidthCheck this box to set the header to 100% of the browser width. Uncheck to follow site width. Only works with wide layout mode.

Top Bar Styling #

Customize Styling for Top bar Section – This works for Preset Headers & Custom Header.

Select Top bar styling options –

Section Height –  Controls the top bar height
Top Bar PaddingControls the right/left padding for top bar.
Top Bar Background Color Option– Select color or gradient for top bar background.
Top Bar Border – Add border for top bar section.
Top Bar Border Color – Add top bar border color
Top Bar Font Color – Add top bar font color – regular and hover color
Section One Element Space – Controls the space of the section One Element like space between social and tagline.
Header Element Separator – Select if separator needed.
Top Bar Font Size – Set the top bar font size.

 

Section Two Styling #

Customize Styling for Primary Header ( Section2 ) – This works for Preset Headers & Custom Header.

Select Section styling options –

Section Height –  Controls the top bar height
Section 2 PaddingControls the right/left padding for top bar.
Section 2 Background Color Option– Select color or gradient for top bar background.
Section 2 Border – Add border for top bar section.
Section 2Border Color – Add top bar border color
Section 2 Font Color – Add top bar font color – regular and hover color
Section 2 Element Space – Controls the space of the section One Element like space between social and tagline.
Header Element Separator – Select if separator needed.
Section 2 Font Size – Set the top bar font size.
Section 2 Shadow – add shadow to the section

 

Section Three Styling #

Customize Styling for Secondary Header ( Section3 ) – This works for Preset Headers & Custom Header.

Select Section styling options –

Section Height –  Controls the top bar height
Section 3 PaddingControls the right/left padding for top bar.
Section 3 Background Color Option– Select color or gradient for top bar background.
Section 3 Border – Add border for top bar section.
Section 3Border Color – Add top bar border color
Section 3 Font Color – Add top bar font color – regular and hover color
Section 3 Element Space – Controls the space of the section One Element like space between social and tagline.
Header Element Separator – Select if separator needed.
Section 3 Font Size – Set the top bar font size.
Section 3 Shadow – add shadow to the section

 

Search Styling #

Search Font ColorControls the text color of the Full Screen and expanded Search.
Search Background Color and Opacity – Controls the background color for the Full Screen and expanded Search.
Note- This works for both Preset Header as well as Custom Header

 

Extended Menu Option #

Full Screen and Horizontal Menu BackgroundControls the color of the full screen and horizontal menu background.
Full Screen Menu Font ColorControls the Color of the full screen menu font.
Note– This works for both Preset Header as well as Custom Header

 

Extended Sidebar Styling #

Extended Sidebar Position – Controls the Extended Sidebar position.
Extended Sidebar Width – Controls the Extended Sidebar Width. In px or %, ex: 100% or 1280px.
Sidebar Background – Controls the background image, background position, background size, etc for the header.
Extended Sidebar Font Color – Controls the font color of the Extended Sidebar.
Extended Sidebar Link Color – Controls the link color of the Extended Sidebar.
Extended Sidebar Border Color – Controls the Border color of the Extended Sidebar.
Note– This works for both Preset Header as well as Custom Header

Powered by BetterDocs

Leave a Reply