Datafeedr Support Forums

Datafeedr Support Forums (http://www.datafeedr.com/forums/index.php)
-   Questions (http://www.datafeedr.com/forums/forumdisplay.php?f=67)
-   -   Resize Thumbnail Images (http://www.datafeedr.com/forums/showthread.php?t=10243)

ljackson71 February 12th, 2014 06:58 PM

Resize Thumbnail Images
 
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 February 12th, 2014 07:52 PM

Hi,

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

Code:

#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 February 13th, 2014 12:59 AM

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 February 13th, 2014 02:21 AM

Hi Larry,

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

ljackson71 February 13th, 2014 03:38 AM

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 February 13th, 2014 09:10 AM

Hi Larry,

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

Code:

#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 February 13th, 2014 07:53 PM

Thanks much Eric, that did it.

Larry


All times are GMT -5. The time now is 11:00 PM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.