I've been looking through the css files and can't find what to change to have text wrap to the side of an image. Or to allow me to set the alignment of an image. It's stuck on left only. Same with a table. I can't change it to right alignment.

please help,
Thanks

Comments

Minna’s picture

Minna commented

I've added the following in /themes/multiflex37/css/site.css

/* IMAGES */
.main p img {padding: 0; max-width: 100%; border:none;}

/* Using 'class="alignright"' on an image will align the image to the
right. And using 'class="centered', will of course center the image.
This is much better than using align="center", being much more
futureproof (and valid) */

.main .content img.centered {display: block; margin-left: auto; margin-right: auto;}
.main .content img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
.main .content img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.main .content .alignright {float: right;}
.main .content .alignleft {float: left}

Minna