Change k2 image size using CSS only in category

Hello. I'm trying to setup the image on the category list layout transforming it to a landscape image. If the uploaded image is 400px x 400px I want to see 400px x 200px applying a crop.

I've achieved it modifing the CSS and aplying a negative margin: margin: -150px 0px 0px -150px

It works very well but when i go to the item details, the image is also cropped.

Is there anyway to modify only the css bevaivour on the Category list ?

Thanks.

Could You please post an url to your site (link to category with image and single entry with image)?

Category list:

http://62.15.125.191:65/franatours/inde ... Itemid=708

The individual item is any of that list.

Thanks

I don't see those changes made by You. Are they live?

When i sent the reply, i deleted the changes i did. Now i ave applyed again the changes:

What i Modified:
k2.css at line 89:
margin: -120px 0px -120px 0px;

Now you can see the images are cropped. I want to modify only the css behaivour on the category list not on the items details also.

Thanks

1. You should not edit core files, use override.css instead:
/templates/gk_rockwall/css/override.css and add all changes to it.

Remember to enable "CSS override" in template settings - advanced section.

2. The correct selector should be done this way:

Code: Select all

#itemListLeading .itemImageBlock img {margin: -120px 0px -120px 0px;}


it should address only images on category list.