[Resolved] Split: Set up Product Archive with Filter – vertical alignment of image

[Author]

Posts

[jamesW-26]

Hi Minesh,

Also, if you remember before I mentioned some minor things that I can't figure out how to do with this setup .... Here they are:

1. Vertical Alignment of image on product archive. Check out this page: hidden link and scroll down to the 3rd product (Canon EOS C100 Mark II ...) - see how the image is sitting vertically in the middle of the containing box? I have tried all sorts of CSS but can't get it to vertically align to the top.

Thanks very much,
James

[Minesh]

Hello. Thank you for contacting the Toolset support.

1. Vertical Alignment of image on product archive. Check out this page: hidden link and scroll down to the 3rd product (Canon EOS C100 Mark II ...) - see how the image is sitting vertically in the middle of the containing box? I have tried all sorts of CSS but can't get it to vertically align to the top.
==>
As you can see with that product, the title link of this product is spans in two lines that is why the image is not adjusted as you required because the two line post title link is taking up the space.

If you can check first two product items on the same page, you will notice that product title link is having only one line. You need to adjust this on your own and how exactly you want to display the image.

[jamesW-26]

Hi Minesh,

I worked it out. It was not related to the Product Title spanning two lines. I just happen to notice that there is a vertical alignment setting in the blocks editor on the top left of the column. This was set to 'Vertical Align Middle'.