Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Danni468

    (@danni468)

    Please, please assist???

    Sure, just use basic CSS styling to center the images

    .image-gallery {
        text-align: center;
    }
    Thread Starter Danni468

    (@danni468)

    Oh wow – thank you – didnt want to work the way I did it – but there still seems to be a gap on the right – it doesnt seem evenly centered

    There’s 2 issues

    1. Each image has right padding so the last image’s padding will cause it to be slightly off center.

    2. You have another CSS rule conflicting which is pulling each image 17 pixels to the left.

    To fix 1 and 2 above add these CSS rules.

    .image-gallery li {
        padding: 0 20px;
    }
    
    .image-gallery a.popup {
        left: 0;
    }
    Thread Starter Danni468

    (@danni468)

    Thank you x Really appreciate it!! Love this gallery – so relieved I got it to work with your guidance.

    No problem, glad it’s displaying how you like it now, enjoy!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Image Rows – Alignment / Centering?’ is closed to new replies.