HomeDocumentationMain Header

Main Header

Changing the Alignment of the Main Header

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Alignment

Alignment 4. Using the dropdown select the alignment you would like for the Main Header

AlignmentOption 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Styling the Site Title

Changing the Color of the Site Title

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Site Title

SiteTitle 4. Under the label Site Title Color click Select Color

SiteTitleColor 5. A color palette should pop up. When it does you can either:

a. Select a color by inserting a hex value
b. Drag the cursor and slider around in the color panels to get an exact color
c. Choose from the default colors at the bottom
d. Click on Default to get the default color scheme

ColorPalette

6. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Changing the Font Size of the Site Title

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Site Title

SiteTitle 4. Under the label Site Title Font Size there is a textbox you can edit to change the font size or you can use the arrows on the side of the textbox to fine tune your font size

SiteTitleFontSize 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Changing the Font Family of the Site Title

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Site Title

SiteTitle 4. Under the label Site Title Font Family there is a dropdown menu. You can either select a font by using the dropdown menu or by using the search feature at the top of the menu

SiteTitleFontFamily 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Styling the Tagline

Changing the Color of the Tagline

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Tagline

Tagline 4. Under the label Tagline Color click Select Color

TaglineColor 5. A color palette should pop up. When it does you can either:

a. Select a color by inserting a hex value
b. Drag the cursor and slider around in the color panels to get an exact color
c. Choose from the default colors at the bottom
d. Click on Default to get the default color scheme

ColorPalette

6. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Changing the Font Size of the Tagline

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Tagline

Tagline 4. Under the label Tagline Font Size there is a textbox you can edit to change the font size or you can use the arrows on the side of the textbox to fine tune your font size

TaglineFontSize 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Changing the Font Family of the Tagline

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Tagline

Tagline 4. Under the label Tagline Font Family there is a dropdown menu. You can either select a font by using the dropdown menu or by using the search feature at the top of the menu

TaglineFontFamily 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Navigation in the Main Header

Adding/Removing Navigation in the Main Header

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Navigation

Navigation 4. Under the label Primary Navigation you can use the dropdown menu to select the menu that you would like in the Primary Navigation, to have no navigation in the Primary Navigation select — Select —

NavigationMainHeader 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Styling the Navigation in the Main Header

Colors

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Navigation

Navigation 4. There are three sections of colors that can be edited, Color, Sub Menu Color, and Sub Menu Background Color. Color and Sub Menu Color control the color of text while Sub Menu Background Color controls the color of a background
5. To edit any of these click on Select Color under any of those options

ThreeColors 6. A color palette should pop up. When it does you can either:

a. Select a color by inserting a hex value
b. Drag the cursor and slider around in the color panels to get an exact color
c. Choose from the default colors at the bottom
d. Click on Default to get the default color scheme

ColorPalette

7. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Font Size

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Navigation

Navigation 4. Under the section Font Size there is an editable textbox. You can either type a number into the textbox or use the arrows on the side of the textbox to fine tune your font size

Font Size Selection 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Font Family

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Navigation

Navigation 4. Under the section Font Family there is a dropdown menu. You can either search for the font family you are looking for with the search feature or you can select a font family in the dropdown menu

Font Family Selection 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Changing the Background of the Main Header

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Main Header

MainHeader 3. Next select Background

Background 4. Under the label Background Color you can set a background color:

a. Click Select Color

BackgroundColorOption

b. A color palette should pop up. When it does you can either:

i. Select a color by inserting a hex value
ii. Drag the cursor and slider around in the color panels to get an exact color
iii. Choose from the default colors at the bottom
iv. Click on Default to get the default color scheme

ColorPalette

5. Under the label Background Image you can select a background image:

a. Click Select Image

BackgroundImageOption

b. Your Media Library should pop up, select the image that you would like to be your background image and click Choose Image

MediaLibrary

c. Next you’ll want to set your Background Image Options, under the label Background Repeat you can set how you would like your background to repeat by selecting one of the options

BackgroundRepeat

d. Under the next label, Background Position, select the position you’d like your background to be in

BackgroundPosition

e. Finally, under the label Background Attachment select the background attachment you would like to have

BackgroundAttachment

6. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

This entry was posted in