Modified CSS, but thumbnail image does not change

[Holly Lisle]

I’m getting the thumbnails, but they’re all loading at the square 125×125 pixel size, which badly distorts my rectangular images.

I went in and changed wp_eStore_style.css to the following:

Code:

.thumb-image{
width:125px;
height:200px;
}

And

Code:

.eStore-product-fancy2-thumb-image{
width:125px;
height:200px;
}

However, after saving my CSS file to back to the site, I’m still getting the same square 125×125 boxes.

Because all the images are book covers, I need all the text on them—title and author information is removed with Smart sizing.

Have I overlooked an essential step in getting the images to resize?

Thanks in advance for any help you can offer.

[Peter]

Have you cleared your browser cache?

Please post a link to the page you are referring to.

I also recommend that for any CSS modifications you do the following:

1) Go and grab the following plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Then add the following CSS code in there

[Holly Lisle]

Clearing the cache didn’t help. Did install the plugin. Did copy and paste the CSS from above into it.

Here’s the page:

[http://howtothinksideways.com/sidewaysnew/shop/]

This is on my DEV site, btw. Products are not live.

[Peter]

Your CSS code looks wrong. Replace it with the following:

.eStore-fancy3-thumb img{

width:125px !important;

height:200px !important;

}

[Holly Lisle]

<sigh> In retrospect, that’s really obvious. Thank you so much for helping me out.

[Author]

Posts