I want to change the size of the thumbnails in the fancy display option.

[verity]

Here the code I am using:

‘

[wp_eStore_fancy_display id=3 type=2 style=2]

[wp_eStore_fancy2 id=6]

‘

I would like to make the image 200 px wide by 233 px high (currently it is set to 150×150). Where can I go in the CSS file to edit this?

[amin007]

Please open the “eStore_extra_shortcode_css.css” file and look for the blog of CSS code that starts with the following comment:

/*=== Fancy 3 css ===*/

Customize it however you like it. This tutorial might come in handy:

http://www.tipsandtricks-hq.com/css-bugging-you-fire-those-bugs-3299

[verity]

We’re close, but I still can’t make it do what I want. Editing “Fancy 3” has no effect on my product display. I checked the source code of my page and it uses fancy2, not fancy3. So I found the css for fancy2, located here: wp_eStore_style.css

And I changed the width, height, and margins to the correct numbers, but my page remains unchanged. I then tried adding ! important to the width and heigh for the thumbnail So I still can’t figure where to change the thumbnail for my product displays.

‘

.thumb-image{

width:200px ! important;

height:313px ! important;

}

‘

What am I missing? Thanks so much for your help

[wpCommerce]

If you are using firebug and hover your mouse over the fancy 3 thumbnail it will tell you that the the image is under the div class “eStore-fancy3-thumb”. You have modified the wrong css file. You need to actually modify the “eStore-fancy3-thumb” class (In the “/*=== Fancy 3 css ===*/” section of “eStore_extra_shortcode_css.css” file).

[Author]

Posts