How to Customize Blogger Header

Before we customize the Header Title and Description, we need to know how the styles defined them.

The #header h1 tag define the styles or appearances of the Blogger Header Title.

#header H1 Tag for the Title

The top Padding (15 pixels) and top Margin control the space in the top, and

The bottom Padding (0.25 em) control the space beneath it.

By increasing the top Padding to 25 pixels, bottom Padding to 0.75 em and top Margin to 15 pixels, the effect will be shown as below:

The #header .description tag define the styles or appearances of the Blogger Header Description.

#header Description

The top Padding (0 pixel) and top Margin (0 pixel) control the space in the top, and

The bottom Padding (15 pixels) control the space beneath it.

By increasing the top Padding to 10 pixels, bottom Padding to 25 pixels, the effect will be shown as below:

We now knew how the CSS styles control the Header Title and Header Description. Let's customize the Blogger Header Title and Header Description in next tutorial.