Alignment K2 Image in Category View

Hi,

I'm using K2 for the first time and figured most basic things out, except the alignment of the images. I searched the net for a few days trying to find some tips, but none of them worked (changing k2.css).

This is a screenshot of how the images display in category view at the moment

k2-image-original.jpg

and how I would like them to display in category view.

k2-image-like.jpg

It's mainly just getting the images on the left and and adding some space between the text and the image or aligning the image on top.

Which files do edit and where? Is this possible in the override.css? My coding skills are very limited.

Thanks,
Tony

I changed the following line in k2.css and changed float:right to float:left and added some margin on the right

.catItemImageBlock { float: left; margin: 0 10px 0 0; }

The only problem now is that the image starts too high.

image-too-high.jpg

Any ideas where to change this?

Thanks,
Tony

I changed the following line in k2.css and changed float:right to float:left and added some margin on the right

.catItemImageBlock { float: left; margin: 0 10px 0 0; }

The only problem now is that the image starts too high.

image-too-high.jpg

Any ideas where to change this?

Thanks,
Tony

Figured it out. Added 20px margin to the top and it looks ok.