- This topic has 3 replies, 3 voices, and was last updated 13 years, 2 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › I want to change the size of the thumbnails in the fancy display option.
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?
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
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
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).