How to : wrap text around images

So, what text and photo options does the duo WordPress-Thesis Theme offer?

WordPress codex : http://codex.wordpress.org/ Wrapping_Text_Around_Images

“Current versions of WordPress now have image alignment built-in. WordPress adds CSS classes to align the image to the right, left, and center of a paragraph, so the text will wrap around the image. In order to take advantage of these new CSS classes for image alignment and the text wrapping around the image, the WordPress Theme must include the following in the style.css found in the WordPress Theme directory”.

Screen Shot 2015-02-13 at 00.10.30
In order to take advantage of these new CSS classes for image alignment and the text wrapping around the image, the WordPress Theme must include the following in the style.css found in the WordPress Theme directory.

 

 

Thesis 1.8.2 style css:

/*—:[ universal image classes ]:—*/
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align=”left”] { float: left; clear: left; }
img[align=”right”] { float: right; clear: right; }
img[align=”middle”] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*—:[ image captioning ]:—*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

So yes, Thesis does have the necessary code.

See what wrapping-text-around-images are possible.

 

Author: webdesigner

Webdesigner at Studio JdH