I think it's not a problem of your pictures being off-centered, it's the layout you chose. It has that skinny strip of yellow for the content, and if you put anything bigger than that, it throws off the look. I would choose a different layout, one with either the background all the same color, or one with a center content strip that is wide enough for your pictures (you may also consider making your pictures a little smaller so they don't take up the whole page). As for the Heading picture, I'm not that great with html but this is what I would try (which may or may not be the fastest/best way, and may or may not fix it). Go in to the html part of your blog. Scroll down to where it says "#header .description {" Underneath it will have max-width. Take note of how many pixels that is, and then make your picture that big and I think this will fix it. This is what mine looks like: #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } Also, my inner heading has the alignment as center so you can try that too: #header-inner { background-position: center; margin-left: auto; margin-right: auto; } I hope this helps at least a little. Blogger customization is crappy in my opinion and it's hard to get that hang of it. Sometimes you just have to keep playing around with it to make it work. Also, try googling your problem. Sometimes that helps. One last tidbit, DON'T center your text in your blog, just center the pictures. Keep the text left aligned, this is MUCH easier to read.
1 comment:
I think it's not a problem of your pictures being off-centered, it's the layout you chose. It has that skinny strip of yellow for the content, and if you put anything bigger than that, it throws off the look. I would choose a different layout, one with either the background all the same color, or one with a center content strip that is wide enough for your pictures (you may also consider making your pictures a little smaller so they don't take up the whole page). As for the Heading picture, I'm not that great with html but this is what I would try (which may or may not be the fastest/best way, and may or may not fix it). Go in to the html part of your blog. Scroll down to where it says "#header .description {"
Underneath it will have max-width. Take note of how many pixels that is, and then make your picture that big and I think this will fix it.
This is what mine looks like:
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
Also, my inner heading has the alignment as center so you can try that too:
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
I hope this helps at least a little. Blogger customization is crappy in my opinion and it's hard to get that hang of it. Sometimes you just have to keep playing around with it to make it work. Also, try googling your problem. Sometimes that helps.
One last tidbit, DON'T center your text in your blog, just center the pictures. Keep the text left aligned, this is MUCH easier to read.
Post a Comment