Title: Help positioning images
Last modified: August 21, 2016

---

# Help positioning images

 *  [Liz](https://wordpress.org/support/users/elc95736/)
 * (@elc95736)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/)
 * This is my site: [http://doehrmann.com/wordpress/press/](http://doehrmann.com/wordpress/press/)
 * On this page, for example, I have an image in the “Home Shows” section and I 
   want to be able to position it next to the text, but can’t seem to figure it 
   out.

Viewing 12 replies - 1 through 12 (of 12 total)

 *  [teastudio.pl](https://wordpress.org/support/users/teastudiopl/)
 * (@teastudiopl)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058545)
 * click on the image in WYSIWYG editor and edit settings.
    Select align to left.
   I hope this helps.
 *  Thread Starter [Liz](https://wordpress.org/support/users/elc95736/)
 * (@elc95736)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058547)
 * I’m sorry, what is the WYSIWYG editor?
 *  Thread Starter [Liz](https://wordpress.org/support/users/elc95736/)
 * (@elc95736)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058550)
 * For example, on the About page of my site, for the first photo, I have this in
   the page html:
 *     ```
       <div class="image"><a href="http://doehrmann.com/wordpress/wp-content/uploads/2014/02/56584_117464211649566_6353070_o.jpg">
       <img class="alignnone size-medium wp-image-56" alt="56584_117464211649566_6353070_o" src="http://doehrmann.com/wordpress/wp-content/uploads/2014/02/56584_117464211649566_6353070_o-271x300.jpg" width="271" height="300" /></a></div>
       ```
   
 * And then this in the Custom CSS:
 *     ```
       .image {
           float: left;
       }
       ```
   
 * Shouldn’t that at least be selecting the right image?
 *  [teastudio.pl](https://wordpress.org/support/users/teastudiopl/)
 * (@teastudiopl)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058552)
 * [http://en.wikipedia.org/wiki/WYSIWYG](http://en.wikipedia.org/wiki/WYSIWYG)
 * see this video: [http://www.youtube.com/watch?v=X0s4OuNqKo0](http://www.youtube.com/watch?v=X0s4OuNqKo0)
 *  [teastudio.pl](https://wordpress.org/support/users/teastudiopl/)
 * (@teastudiopl)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058554)
 * yeap, but you’ve got inline “alignnone”
    remove it or change to: alignleft
 *  [teastudio.pl](https://wordpress.org/support/users/teastudiopl/)
 * (@teastudiopl)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058555)
 * I don’t see custom css, maybe it’s not included ?
 *  [teastudio.pl](https://wordpress.org/support/users/teastudiopl/)
 * (@teastudiopl)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058556)
 * or paste `.image {
    float: left; }` to main style.css in theme
 *  Thread Starter [Liz](https://wordpress.org/support/users/elc95736/)
 * (@elc95736)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058558)
 * I already tried changing it to alignleft, that didn’t work. See, but I want to
   control it in my CSS not make a gallery of images like in the video.
 * Can anyone help me with the coding behind this?
 *  [ElectricFeet](https://wordpress.org/support/users/electricfeet/)
 * (@electricfeet)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058613)
 * You could use one of the underlying bootstrap classes to help in these situations.
   It’s “pull-left”.
 * So your img code would be:
    `<img class="alignnone size-medium wp-image-56 pull-
   left" ....`
 * Being a Bootstrap class, it will only work if you use this theme, or other themes
   that use bootstrap.
 *  Thread Starter [Liz](https://wordpress.org/support/users/elc95736/)
 * (@elc95736)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058616)
 * That doesn’t seem to be working exactly, and what I mean more than aligning it
   to one side or the other is how to position it in my css with the .image class.
   It’s not working to do that. Am I missing something?
 *  [ElectricFeet](https://wordpress.org/support/users/electricfeet/)
 * (@electricfeet)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058642)
 * If you want to use your “image” class, then floating it left will do nothing,
   because by default the div will be 100% wide.
 * If you want to get fancy with your Customizr layouts, start [here](http://www.themesandco.com/snippet/customizr-layout-examples/).
 *  [teastudio.pl](https://wordpress.org/support/users/teastudiopl/)
 * (@teastudiopl)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058693)
 * I see you remove the div with class “image”.
    Now you can change “alignnone” 
   to “alignleft” in the picture class. and the image will be displayed on the left
   side of the text

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Help positioning images’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

## Tags

 * [image](https://wordpress.org/support/topic-tag/image/)
 * [positioning](https://wordpress.org/support/topic-tag/positioning/)

 * 12 replies
 * 3 participants
 * Last reply from: [teastudio.pl](https://wordpress.org/support/users/teastudiopl/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/help-positioning-images/#post-5058693)
 * Status: not resolved