Vertically and Horizontally Align images within the Circular Thumbnail

  • I’m trying to centralise the Image within the Circular Thumbnails. I’m going to shrink the image to 50% and would like it to appear both vertically and horizontally aligned within that circle.

    Can anyone tell me what I am doing wrong? Well apart from not knowing how to apply the vertical-align: middle element to the image within the thumbnail div

    https://www.ourweddingbythesea.co.uk

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter richclarkimages

    (@richclarkimages)

    Update.

    I’ve managed to centrally align within the circle but not sure about vertical. I could just add padding? Is there an easier way?

    .wp-post-image {
    height: 75%;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    }

    Thread Starter richclarkimages

    (@richclarkimages)

    Thanks. Decided not to bother with the Images for now. Bigger fish to fry trying to figure out why I don’t have 12 uniform thumbnails on the page and two show as older posts.
    ]

    What an interesting customization of Pictorico, very original!

    The images look centered within each circle to my eye, but maybe you were trying to do something else previously.

    Do you still need help with anything? The circles look uniform to me.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Vertically and Horizontally Align images within the Circular Thumbnail’ is closed to new replies.