WordPress.org

1. theleitmotif
   Member
   Posted 1 year ago #

   Am pretty new to all this, my image editor doesn't want let me align images centre or right, or none. It always aligns left.
   My website is http://www.growingawareness.com.au

2. jogol
   Member
   Posted 1 year ago #

   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.

   img.alignright {float:right; margin:0 0 1em 1em}
   img.alignleft {float:left; margin:0 1em 1em 0}
   img.aligncenter {display: block; margin-left: auto; margin-right: auto}
   a img.alignright {float:right; margin:0 0 1em 1em}
   a img.alignleft {float:left; margin:0 1em 1em 0}
   a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

3. theleitmotif
   Member
   Posted 1 year ago #

   hmmm, thanks, i tried adding the code to the bottom of the css - i seem to be able to right, but not center or none (i noticed there was no code for none)

4. jogol
   Member
   Posted 1 year ago #

   http://codex.wordpress.org/Wrapping_Text_Around_Images

5. theleitmotif
   Member
   Posted 1 year ago #

   ok, i'm trying, but i still don't understand why the image editor won't centre, even though in html it appears to suggest it is aligned centre - http://www.growingawareness.com.au/therapy-structure , sorry if i'm missing what the link was offering...

   <p class="MsoNormal" style="text-align: center;"><span style="font-size: 18pt;"> </span></p>
   <p class="MsoNormal"></p>
   <p style="text-align: left;"><a href="http://www.growingawareness.com.au/wp-content/uploads/2009/06/3D-graphics_Summer_spiral_007213_.jpg"><a href="http://www.growingawareness.com.au/wp-content/uploads/2009/06/3D-graphics_Summer_spiral_007213_.jpg"><img class="aligncenter size-medium wp-image-269" title="3D-graphics_Summer_spiral_007213_" src="http://www.growingawareness.com.au/wp-content/uploads/2009/06/3D-graphics_Summer_spiral_007213_-300x225.jpg" alt="" width="300" height="225" /></a>
   </a></p>

Topic Closed

This topic has been closed to new replies.