Resize Thumbnail Images

[ljackson71]

Is there a way to increase the size of the thumbnail images on the store home page and category pages?

Thanks,
Larry Jackson

Store ID:44381
Website URL: not active yet. faustynes.com

[Eric]

Hi,

Yes, you can do that by adding the following code to your Custom CSS (instructions).

#view .pl .col2 .thmb img
{
	max-width: 170px;
	max-height: 170px;
}

#view .pl .col2 .thmb
{
	width: 220px;
	height: 230px;
}

#view .pl .col2 .thmb img
{
	max-width: 220px;
	max-height: 220px;
}

Eric

[ljackson71]

Hi Eric,

I've tried the CSS code you provided and a number variations. None of the code changes seem to take effect after updating the settings for the store. I currently have the same code you provided in the CSS area.

Here is the store info:

Store URL: http://46c.717.myftpupload.com/store
Store ID:44381

Thanks for your help,
Larry

[redspan]

Hi Larry,

Did you do a full 'update products and settings' after adding the CSS code?

[ljackson71]

Thanks, just ran a full update and the sizes are still the same 78x120px. I even increased the sizes before running the full update. Here is the code.

#view .pl .col2 .thmb img
{
max-width: 170px;
max-height: 170px;
}

#view .pl .col2 .thmb
{
width: 300px;
height: 320px;
}

#view .pl .col2 .thmb img
{
max-width: 320px;
max-height: 320px;
}

Thanks for your assistance,
Larry
Store URL: http://46c.717.myftpupload.com/store
Store ID:44381

[Eric]

Hi Larry,

Please try replacing all of the your code above with the code below and then clicking the [Update Settings Only] button:

#view .pl .col2 .rc { margin: 0 0 0 335px; }
#view .pl .col2 .lc { width: 330px; }

#view .pl .col2 .thmb
{
	width: 300px;
	height: 320px;
}

#view .pl .col2 .thmb img
{
	max-width: 320px;
	max-height: 320px;
}

Eric

[ljackson71]

Thanks much Eric, that did it.

Larry