Tutorial want to get rid of that border around your header on your blog? Here's how to do it...
Before anything, save your template by clicking "download full template" that way you have it saved in your computer in case anything goes wrong.
1) Sign into your account and click the design tab on the top right corner of your screen.
2) Click on the Edit HTML button as seen below.
3) Find the following code click (ctrl + f) to take you there faster and type #header wrapper {
Once you find it, change the border from 1px to 0px. Make sure you do it in both places.
This is what it should look like when your done
3) Click SAVE TEMPLATE
And it's finished, no border!
To Add your new Header to your Blog...
1) Go to Layout, and then click on Edit (next to Header).
2) Select "From your computer" browse to find a header you just saved and upload it. When you see it on there then go to the bottom and select behind title and description. Then click save.
3) You will notice that your title is not centered in the image, it is on the top. To fix this, go to "Edit HTML" page .
Scroll Down until you see #header h1 { and change the 15px to 130px. Then Click Save Template. (Note, you do not have to change it to 130 exactly, that is just the best number for centering your text on my Headers, if you have a header that is sized differently, you will have to play with different numbers until you find one that centers it well.)
And that's it!
If you have any questions please contact me:-)
More tutorials coming!
Did you like this information and would like more?
