I'm not much of a blog designer... and most of the blogs I read I use google reader anyway. How do I get the image of us (in the title) to be smaller? Way smaller?? I like the picture of our family but it is SO big and a bit much for my liking. Any suggestions?
Thanks!
John says, When you click on "Edit HTML" you should search for ".header-inner". It may look something like:
ReplyDelete.header-inner .Header .titlewrapper {
padding: $(header.padding.top) $(header.padding.sides) 0;
}
If it does exist, add a couple lines between the curly braces like:
background-size: auto 400px;/*changes the size of the picture*/
min-width: 400px;/*changes the height of the box containing the picture*/
background-position: center;/*makes sure the picture stays centered*/
text-align: center;/*makes sure the blog title stays centered*/
If it doesn't exist, add the following lines:
#header-inner, .header-inner {
}
and put the above lines inside those curly braces.
you can make 400 smaller or larger to make the image fit how you want it to. You might then need to change the header text position to make it not write on Tony's forehead, but that depends on how big you decide to make your header.
Although, why you'd want to make that picture smaller, I don't know :)
Thanks! I tried and couldn't quite get it to work.. but I will try some more. Perhaps I will just be vain and keep the photo that size.. I do love it :)
ReplyDelete