Aligning a row of images

  • Author
    Posts
  • #1156296

    Hi,

    I’ve looked at various posts about aligning images in this and other forums as well as the wordpress tutorials but have had no luck so far. I want to align a row of three images at the bottom of the ‘about’ page:

    http://thackraymagicandmedicine.wordpress.com/about-2/

    I added this code to the CSS editor, as recommended in a forum:

    img.aligncenter, .wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright, .wp-caption.alignright {
    float: right;
    margin: 0 0 5px 10px;
    }

    img.alignleft, .wp-caption.alignleft {
    float: left;
    margin: 0 10px 5px 0;
    }

    but the centre image won’t sit in line with the other images. I’ve made the images small to see if this would help but it didn’t and I don’t really want to make them any smaller than they are now, bigger would be better.

    Could anyone please help with this? Many thanks.

    The blog I need help with is thackraymagicandmedicine.wordpress.com.

    #1156384

    1tess
    Moderator Emeritus

    Is there a reason you don’t want to just use a gallery with 3 columns: that would put your pictures in a nice neat row?

    #1156386

    1tess
    Moderator Emeritus
    #1156401

    Hi 1tess,

    I feel a bit silly as I didn’t realise the gallery option existed!

    Thanks very much for making me aware of it.

    #1156403

    1tess
    Moderator Emeritus

    Oh, the gallery is a great feature. It was recently updated and works very well now with lots of options. Be sure to take a look at some of the various types of galleries you can use!

The topic ‘Aligning a row of images’ is closed to new replies.