Header Styling (Theme Options > Header)

Last Updated on

Theme Options is the main section of Jupiter, which you can do your global settings for your website. You can access Theme Options from top left side of your dashboard. We are going to describe about Header Styling options available in theĀ Header section of Theme Options in this article.

Header styling theme options - menu

x
Note: To learn more about header settings, check out this article.

To learn what some of the common terms used in this article mean, check out this article.


Header Styling

1
Choose between boxed and full width layout.  

Use this option to set the main layout of the website. Available options are:

  1. Boxed Layout
  2. Full Width Layout
2
Header Background Opacity.  

Use this option to set the opacity value for header background.

3
Sticky Header Background Opacity.  

Use this option to set the opacity value for header background in sticky mode.

4
Header Bottom Border Thickness.  

Use this option to set the header section bottom border thickness. Value of this option is in pixels.

5
Header Bottom Border Color.  

Use this option to set the header section bottom border color.

6
Sticky Header Bottom Border Color.  

Use this option to set the header section bottom border color in sticky mode.

Header styling theme options - style settings

Header Social Networks Color Options

Following is the list of options available for header social networs area

7
Icon Color.  

Use this option to set the header social network icon color.

8
Icon Hover Color.  

Use this option to set the header social network icon color on mouse over.

9
Border Color.  

Use this option to set the header social network seaction border color.

10
Background Color.  

Use this option to set the header social network seaction background color.

11
Hover Background Color.  

Use this option to set the header social network seaction background color on mouse over.

12
Header Start Tour Link Color.  

Use this option to set the header start tour link color.

Header styling theme options - social networks style settings

x
Note: If you wish to create a transparent header with additional header skins and styles, read this article. Also, for advanced customizations in layout and design in your header, you may check the Header Builder feature.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket