Center the image vertically in Single Product Page

  • Resolved jackmats

    (@jackmats)


    4 years, 8 months ago

    I want all my images in the center of the box.
    Please help.
    I have tried all possible steps through Inspect Element and R&D through google.
    I want to center the image in the box vertically.
    Please help me to cover the blank images. So that a little space is blank at the top and little at the bottom.

    Please check screenshot.
    https://imgur.com/59IfboD

    I want my images to be like as in screenshot of amazon

    i have tried with
    vertical-align: middle
    but it is not working.

    Please help
    image

    • This topic was modified 4 years, 8 months ago by jackmats. Reason: Adding screenshot
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi

    Please share your website link to check it

    Good luck

    Plugin Support mouli a11n

    (@mouli)

    Hi
    Vertical alignment can be tricky.
    As yazdaniwp suggests, if you can send us a link to your site we might be able to help you figure it out.

    Initially, I suggest that you try simply adding a top margin to the image wrapper so that the image is pushed down and has a consistent gap at the top.
    This will give better consistency than trying to vertically center align the image as this can give strange results depending on whether it is aligning to the wrapper element, which might be longer or shorter than the view port.

    I hope that helps you to figure it out.

    Plugin Support EtienneP a11n

    (@etiennep)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center the image vertically in Single Product Page’ is closed to new replies.