Page Thumbnails are Random

  • Author
  • #980068


    Hi, I am using Modularity Lite and last night I was revamping a page of mine (WNY Musicians and Bands Page 2). While I was setting up the thumbnails, with links embeded, They looked perfect alignment. when I would view the page. The Thumbnails are placed in a random order. How can I fix this? Do I need a widget that will create a grid look? Also is there a way on the layout page to grab the thumbnail and move them? Here is a link to my blog.

    Thank you for your time. Dan Ruggiero
    Blog url:

    The blog I need help with is



    Hey there,

    It looks like you’ve opted to go ahead and use a slideshow to display your image content. Would you still like some help with your previous objective, or have you found a suitable alternative?




    The images are not all the same size and the text isn’t the same length. That’s why you get a staggered effect.

    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

    Align-left means position left, with the rest of the content wrapping around the right side of the image.
    Align-right means position right, with the rest of the content wrapping around the left side of the image.
    Align-center means position center, with no wrap-around (= the rest of the content below the image).

    Every theme has a maximum displayed image width so it’s important to keep that in mind when posting multiple images side-by-side. If you want two images to be side by side on the same line start by setting the alignment of both images to left. To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <br style=”clear:both;” />

The topic ‘Page Thumbnails are Random’ is closed to new replies.