Snipplx

Oh wow, your theme author kinda mess it up. Anyway, here’s how. Get into your custom HTML editor (I assume you know, if you don’t you can always come back and ask again ;) ), and search for class="prettyprint" and just before the pre tag, make a comment like this :

<!-- <pre class="prettyprint"></pre> -->

So you know those two error at the front and the back. This will comment that line and prevent it from showing up. Alternatively, you can always paste in Custom CSS and set it to display:none;

.prettyprint { display : none; }

Before you proceed, just letting you know that I don’t know if removing those line will break your theme or not. So it always a good thing to comment or do the css way like I did instead of removing the whole line. Once you feels that its not hay-wiring your theme, feel free to remove them if you want to.

That’s because of some of the images aren’t up to 500px wide. So if you want to FORCE it to be stretch to 500px, you need to set its width to 500px. In your theme, it uses max-width: 100% which is not the css we need. All you gotta do is to set the width to 500px, and every images will stretch them self to 500px wide even if they’re not wide enough.

#wrapper #content .post img { width: 500px; }

Apply that in your custom CSS and you’re good to go.

Well to be honest, I’ve scrolled all the way down, and didn’t see any freezing gif. Even the one smaller than 400px seems to working well. Though it might help you if you apply the CSS below in the custom CSS :

.entry img {max-width: 100%;}

I don’t know if its gonna help ultimately, but I do face with this issue before and seems to be fixed with this. So hope it helps you too.

I mean I need a photoset post on your blog so I can see how it works there. Alternatively, you can apply some CSS to it. Photoset doesn’t not work straight forwardly as it is inside an iframe so you must apply onto it.

By default if yours uses Tumblr’s photoset this should probably work and apply this in your custom CSS :

iframe.photoset {
			opacity: 0.5; //change this to the level you want between 0-1
		}

And of course opacity not playing well with IE, but the workaround is simple enough you can found it everywhere. Just make sure to apply it at the selector above.

Yeah sure it can be done. I just need an example of it on your blog.

It was a terrifying blog anyway. :X

Hey! I’ve checked out your blog, nice one. But unfortunately I don’t get the question up to my thick skull. But if you meant to center other stuff other than only the images, say the video player, like Youtube or Vimeo, you can apply the same trick on the object or iframe of the player. For example, Vimeo usually uses iframe, so the CSS for your blog would be something like :

.videoHolder iframe {

display: block;

margin: 0 auto;

}

Eh? To insert an image in the text post, just click icon as shown in the image below and follow what you need to do and you should have the image you wanted, I suppose if that’s what you meant. :)