I have single images in some nodes and they are left-aligned, looks not good.
But when here is two or more images, images started to aling center and looks good.
How to fix that?

CommentFileSizeAuthor
field-slideshow_bug.gif29.28 KBneek

Comments

spacegoat1701’s picture

spacegoat1701 commented

For me, this doesn't even work when multiple images are in place. Example: http://jasonian-photo.com/site-updates/testing-1-2-3

Here's the CSS I've tried to fix the problem:

article .field-type-image {
float: left;
margin: 1px 20px 10px 0;
text-align: center;
padding: 0 auto;
}

article .field-slideshow, .field-slideshow-pager {
margin: 0 auto;
padding: 0 auto;
}

article .field-type-image .field-slideshow-slide {
display: block;
margin: 0 auto;
padding: 0 auto;
}

spacegoat1701’s picture

spacegoat1701 commented

I fixed this by giving the container a set width.

flacoman91’s picture

flacoman91 commented

can you share how you did this? I'm a noob to drupal and css. Thank you!

ptmkenny’s picture

ptmkenny commented

I've been unable to figure out how to do this as well. Could you please share more details about how you did this?

idflood’s picture

idflood commented
Status: Active » Closed (fixed)

The field_slideshow module does nothing on it's own to center images. I've added a little section about that images in the documentation: http://drupal.org/node/1495622#horizontalCenter

Feel free to reopen this issue or create new ones if you find errors, have suggestions, questions, ....

muranod’s picture

muranod commented

This post just made my day! Thank you.