Aligning a row of images
-
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:
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: (visible only to logged in users)
-
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?
-
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.
-
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.