This post give an idea to increase the margin ( gap ) above header. There are two header elements Header1 and Header2 because the header is broken into two column in this case . But there may be only one header element in other cases.
The steps are.
Go to Template>Html>ctrl+Find (Header1). Copy this widget foe its exact name.
Now go to Template>Advance>CSS.
Add this CSS
#Header1 {
margin-top:40px;
}
Now margin can be edited from 40px to any value like 20px etc. See it can also be added in Edit Html code above </head> section.
![HTML template photogrph image picture](https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash3/555483_523500487691966_1619855366_n.jpg)
See the effect on the page of wwww.essssay.com![HTML template photogrph image picture](https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/s480x480/557979_523502631025085_1846693806_n.jpg)
The steps are.
Go to Template>Html>ctrl+Find (Header1). Copy this widget foe its exact name.
Now go to Template>Advance>CSS.
Add this CSS
#Header1 {
margin-top:40px;
}
Now margin can be edited from 40px to any value like 20px etc. See it can also be added in Edit Html code above </head> section.
![HTML template photogrph image picture](https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash3/555483_523500487691966_1619855366_n.jpg)
See the effect on the page of wwww.essssay.com
![HTML template photogrph image picture](https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/s480x480/557979_523502631025085_1846693806_n.jpg)
Leave a Reply