#theme twenty two

[itsacrimetheme]

Hey so I'm using one of your themes, and when I publish an ask (Normally long asks) on my blog it stretches across the whole screen instead of wrapping around like normal. Any way I can fix this?

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}; }

thank you for making me aware of the issue, I think I’ll just add it to the codes from now on :)

[itsacrimetheme]

Hello! I am using theme 23 (which I am madly in love with and refuse to ever get rid of, ever.) I was wondering if it's possible to use the code that swaps out sidebar images with this theme? (Have the picture change with the refreshing of the page.)

Aw, thank you :3 I guess if you did some re-coding it would work, but right now the sidebar image is a sort of background image for the sidebar, so you wouldn't be able to just put the javascript code in, no. :(

[itsacrimetheme]

Using theme 23 and was just wondering how do I change the size of italicized and bold text.

Look for this in your code

b, strong {i, em {

and then change the value after font-size accordingly. I did it with percentages but you can also use pixels instead (like 11px or so).

[itsacrimetheme]

Hey there :) I'm trying to use theme twenty two. Most thing's are going well except no matter what size image I use for the side bar image - it won't show up the whole length. Do you have any suggestions? Please and thank you

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

edit: Oh I just remembered that I should probably mention (in case you’re not aware) that the image is of course resized to be 300px in width. So make sure you add an image that is 300x750px (as an example for the screen resolution I mentioned above) and not one that is like 900x750, because then it still wouldn’t fit the screen as it would be resized (to 300x250px).

[itsacrimetheme]

hi, i just installed your 23rd theme. I'm not sure if this counts as a technical question, so sorry if it doesn't, but for the sidebar picture should the height readjust automatically as well? my width readjusted fine, but the height didn't so the pic looks tiny now. if not, what were the dimensions for your sidebar picture in the preview? so sorry if this isn't technical and if I'm bothering you; thanks in advance!

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.

Also, as a tipp, play around with the colours of your image so that the background of the sidebar (the one where the image is in the background; the colour is the same as in the topbar) blends in with the bottom corners of your sidebar image. That doesn’t make it such a hard cut when someone visits your blog with a higher screen resolution that your own :)

[itsacrimetheme]

Hello! About theme #22, the like button isn't working when I try to click on it. How do I fix that? Thank you!

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.

Note that the like buttons only work on blogs that aren't private, so if you're testing themes on a blog that is password protected, they will show up but you won't be able to click on them.

[itsacrimetheme]

I just wondered where you got the image on Theme #22 of Moriarty, I'd like a similar one for mine as I can't find the right size sidebar! Thanks

I made it, and it doesn't come with the theme, you'll have to make your own :) the sizes for the sidebar images are always stated in the description of the theme in their respective posts, in this case this one.

[itsacrimetheme]

In the 'Spider at the center of the web' theme, I'm having some trouble getting the sidebar image. What can I do?

The sidebar image doesn't come with the theme, you have to upload your own.