Wordpress Themes - WP Forum at BFA - How do I put the text to the right of the image?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)

- - How do I put the text to the right of the image? (http://forum.bytesforall.com/showthread.php?t=23256)

AsianStarsID

Aug 5, 2015 01:12 PM

How do I put the text to the right of the image?

Like this from soshified.com:

http://i.imgur.com/c1wO1pY.png

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

CrouchingBruin

Aug 9, 2015 01:30 AM

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

Code:

.blog .post-bodycopy:before {

        clear: none;

}

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

Quote:

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.

AsianStarsID

Aug 11, 2015 11:39 PM

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.

http://i.imgur.com/NwrtsGo.png

this is what i have in mind:

http://i.imgur.com/PdVBoYx.png

CrouchingBruin

Aug 12, 2015 12:54 AM

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

Code:

img.wp-post-image {

    clear: both;

    position: relative;

    float: left;

    left: 0px;

    text-align: center;

}

to this:

Code:

img.wp-post-image {

    clear: both;

    position: relative;

    float: none;

    left: 0px;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}

All times are GMT -6. The time now is 06:45 PM.