#theme twenty two

That happens when the word is too long for one line, because browsers don’t just wrap words automatically. You can force them to wrap long words like that (by breaking them up at the end of the line) and add a hyphen, by finding this in your code

#posts {

and adding this codebit

-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;

like so

#posts { width:500px; height: auto padding:10px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; background-color: {color:posts}; border: 1px solid {color:border}; }

Look for this in your code

b, strong {i, em {

The height of your image (as in whether or not it fills the whole screen from top to bottom) depends entirely on your screen resolution. If it’s 1024x768 you’ll be going well with a 750px height, for example. On other screens it will look differently though and may not fill the screen. You have to be aware of that.

That said, I always find it best to adjust the sidebar colour to fit the upper seam of the sidebar image? So that the image kind of fades/blends into the background of the sidebar when you view it on different screen resolutions than your own. That way, you won’t see it when the image doesn’t fill the screen because the sidebar just looks like an extension of the sidebar image.

I hope that made sense, I’m rubbish at explaining things, lol

The sidebar image is 320px wide (for #23, for #22 and #21 the width is 300px!). If the image you’re uploading is either wider or thinner, the size will be adjusted to be 320px in width. The height is adjusted accordingly so that the image won’t be distorted. So, if your image was 600x800px before, it will be adjusted to 320x427px and so on. That means, it always constrains the image ratio.

The height is basically entirely up to you and the problem is that it will always look different in different screen resolutions, which makes it hard (if not impossible) to find something that fits for everyone. What I can suggest is to not make it smaller than, say, 700px in height? Bigger is always better in this case. I think the picture I use in the live preview is about 320x950px or something along those figures.

If it's not working it's a tumblr bug. The like buttons are implemented in tumblr's interface and added to the themes with a placeholder, so there's nothing you can to about it because you can't access the actual like button code.