Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1017141

    I have changed the catalogue image size on a particular page to the following:
    .page-id-3341 .av-catalogue-list img {
    width: 200px !important;
    height: 84px !important;
    border: 1px solid #eaeaea !important;
    border-radius: 0px !important;
    }
    However, the image is still distorting even though I have set the width and height to be the same as the actual width and height of the image. The image seems to be stretched to the edges.
    Is there a remedy?
    :-)

    #1017224

    Hey studiovene,

    The page is password-protected. Can you please share the password?

    Best regards,
    Victoria

    #1017412
    This reply has been marked as private.
    #1017466

    Hi,

    Thanks for that. It looks like not all the image have the same size, the first one is only 180 pixels wide for instance. Other than that they look ok on my end at least.

    Best regards,
    Rikard

    #1017543
    This reply has been marked as private.
    #1017726

    Hi,

    The 3m image natural size is 180 pixels wide, you can verify that by inspecting it in your browser. I’m not sure how to help you any further though, what exactly are you looking to change? If your images and CSS are correct then there’s not much we can do to beyond that.

    Best regards,
    Rikard

    #1017844
    This reply has been marked as private.
    #1018120

    Hi,

    The element uses the 180 pixel image for the thumbnail, so when you apply CSS which tells them to be 200 pixels they will stretch. Could you try to changing your CSS to 180 pixels instead?

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.