The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Center slides when widen browser

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #206766

    When this slideshow opens on a wide monitor or Chrome the photos align left and are not responding when you widen the browser.

    I tried text-align: center on parent divs and no go.

    Marie Mosley

    First thing I’d recommend is checking out the slider plugin settings to see if there are any built-in options for centering.

    If not, it looks like margin: 0 auto; will do the trick since your slider has its width defined in its inline styles.

    The zoominoutParent div the slideshow is inside has a series of numbers at the end that change on each page load, so you’d need an attribute selector to target it reliably:

    div[id^='zoominoutParent'] {
      margin: 0 auto;

    That selector selects the div whose id starts with zoominoutParent.

    BTW, this is a good post to reference when centering issues creep up, it really covers it all:


    Wow, that’s quite the selector! Works perfect!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.