P.S. I created a custom header (yay me!) using Picnik, but I can't figure out how to center it. It's also too big. Anyone know what a good size is and how to center it on the page? Thanks!
It looks like this background leaves a 750px center area, so I'd make the header 750px wide (or smaller). The way I would center it is to go into the HTML and change the code. If you are using the new blogger interface, here's what to do:
Go to "Template", then click "Edit HTML" Ignore their warning and click "Proceed"
Scroll down until you see the section
/* Header
Underneath that you'll see that the first part is called .header-outer{
After where it says, color: $(header.text.color);
Type in padding-left: 50px;
View to see how it looks and adjust the number of pixels {I used 50 as an example} as needed. Increase pixels to move the header more to the right or decrease pixels to move it back left until it's centered.
2 comments:
It looks like this background leaves a 750px center area, so I'd make the header 750px wide (or smaller). The way I would center it is to go into the HTML and change the code. If you are using the new blogger interface, here's what to do:
Go to "Template", then click "Edit HTML" Ignore their warning and click "Proceed"
Scroll down until you see the section
/* Header
Underneath that you'll see that the first part is called .header-outer{
After where it says,
color: $(header.text.color);
Type in
padding-left: 50px;
View to see how it looks and adjust the number of pixels {I used 50 as an example} as needed. Increase pixels to move the header more to the right or decrease pixels to move it back left until it's centered.
Ta da!
If there's an easier way - let me know!
Super cute background and of course, cute pics of little Jack!!!! What are you guys doing for Vday??
Post a Comment