How to change image size?

[annaly85]

Hi,
I would like change the image size bigger both in category view, for example http://moes.ee/store/category/naised/ and product view http://moes.ee/store/kleidid/motel-w...6200935877879/. Store ID 31089.
On merchants' store the images are way bigger than they appear in my Datafeedr store and it's quite of a problem. Please help!

Thanks!

[annaly85]

Oops...I have version 3. But the question remains the same.

[Eric]

Hi

This controls the images displayed within a category:

#view .pl .col3 .thmb img {max-width:150px;max-height:150px;width:expression(this.height < this.width && this.width > 150 ? '150px' :true);height:expression(this.height > this.width && this.height > 150 ? '150px' :true);}
#view .pl .col3 .thmb {width:150px;height:160px;}

Add that to your Custom CSS here: The Factory > Your Store > Store menu > Custom CSS

As for the product details page, I've outlined those instructions here:
http://www.datafeedr.com/docs/item/171

Eric

[annaly85]

OK, I have pasted the code to CSS, but it does not work.
What I'm doing wrong?

This is how my Custom CSS looks like:
/**
* Fix conflict with TwentyTen WP theme
*/
#view .sp h2 {clear:none;}
#view .pl h2 {clear:none;}
#view .col1 .pl h2,
#view .col1 .pl h2 a {font-size:12px}
#view .pl .col3 .thmb img {max-width:250px;max-height:250px;width:expression(this.height < this.width && this.width > 250 ? '250px' :true);height:expression(this.height < this.width && this.height > 250 ? '250px' :true);}
#view .pl .col3 .thmb {width:250px;height:260px;}
#view .sp .rc
{
margin-left: 210px;
padding-left: 10px;
}
#view .sp .lc .thmb { width: 400px; }
#view .sp .lc .thmb img
{
max-width: 200px;
width: expression(this.height < this.width && this.width > 400px ? '400px' :true);
}

[Eric]

You still need to update your store by clicking the [Update Settings Only] button.

Also, your code is wrong. You need to use this:

#view .sp .rc
{
	margin-left: 410px;
	padding-left: 10px;
}

#view .sp .lc .thmb { width: 400px; }

#view .sp .lc .thmb img
{
	max-width: 400px;
	width: expression(this.height < this.width && this.width > 400px ? '400px' :true);
}

[annaly85]

Yes, that worked! Thank you!