Center the Display of Thumbnails

  • Resolved tandrews

    (@tandrews)


    11 years, 5 months ago

    Is it possible to tweak something so that the thumbnails are centered on the page instead of aligned on the left margin? And, when there are enough thumbnails to scroll to a second or third row, for each row of thumbnails to be aligned center instead of all of the rows aligning with each other on the left? If so, I’d really appreciate if you could give me instructions about what to change where.

    Thanks!

    https://www.ads-software.com/plugins/easy-image-gallery/

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

  • Centering images within HTML lists (ul) depends on your theme’s content area width.

    It’s fairly easy if your theme has a fixed width, but if your theme is responsive this will be tricky as the width is always changing, so you will need to work in percentages.

    The amount of thumbnails per line also depends on the theme’s content width and the size of your thumbnails, so you will need to write your own CSS to achieve exactly what you are after.

    Thread Starter tandrews

    (@tandrews)

    Thank for your help! The CSS tweaks work perfectly.

    Great! ??

    bevels

    (@bevels)

    What “CSS tweaks” worked perfectly??

    I’m trying to center all the thumbnails can’t seem to nail it.

    Lets for argument sake (and ease) say the thumbnails are in a fixed width div.

    B

    Can you show me a live URL to your gallery that you’d like centered?

    bevels

    (@bevels)

    Hey.. sure can, as soon as I move it from local to live. I’ll bookmark this thread so I remember to come back to it when the site’s up.

    Thanks man!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Center the Display of Thumbnails’ is closed to new replies.