Like this from soshified.com:



If my image is 304x540, there is a lot of white space on the right.


Also, does the grayscale-to-color effect make my website faster? Any drawback to continue using it?

Website: asianstarsid.com

Add this rule to the end of your various.css file:

.blog .post-bodycopy:before {
	clear: none;
}

This will allow the post content to flow up next to the image.

Also, does the grayscale-to-color effect make my website faster? Any drawback to continue using it?

There shouldn't be any significant affect on page load speed by either including or excluding the grayscale image.

thanks, i finally got it. This thread helped a lot.

anyway to make this image here move to the center in relation to the images I have on the same page? whenever i change the margins, all the pictures move at the same time.



this is what i have in mind:

So you want the image to center inside of the container div, is that correct? Change this rule:

img.wp-post-image {
    clear: both;
    position: relative;
    float: left;
    left: 0px;
    text-align: center;
}

to this:

img.wp-post-image {
    clear: both;
    position: relative;
    float: none;
    left: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}