I love tubepress, but onfortuanately on a second install there is a problem:
The thumnails in a gallery are messed up. I see a fraction of the large image, but not a rescaled thumbnail.
You can see it here:
http://tilburgcompan.../stadsdichters/
I switched of ajax pagianation since a saw in the forum this could be the problem, but it did not help.
Can anybody help?
Kind regards,
Tom
Strange thumbnail
Started by Tom Pijnenburg, Feb 14 2011 03:41 PM
5 replies to this topic
#1
Posted 14 February 2011 - 03:41 PM
#2
Posted 14 February 2011 - 06:39 PM
Hi Tom,
What's happening is that your theme's CSS (http://tilburgcompan...th.../style.css on line 762) is setting the height/width of all images to "auto". And since you're using HQ thumbnails, the thumbnails are displaying at their native size, which of course is way too big for a decent looking gallery.
Notice that if I disable the "height: auto" for the CSS selector of #content #img, the thumbnails look normal: http://i.imgur.com/n9DA8.png
So the easiest solution would be to simply remove that line from your style.css, assuming that you don't need it anywhere else. The alternative solution would be to implement a custom TubePress theme to force the height/width of your TubePress thumbnails to an exact height. Hope this makes sense, let me know. Thanks!
What's happening is that your theme's CSS (http://tilburgcompan...th.../style.css on line 762) is setting the height/width of all images to "auto". And since you're using HQ thumbnails, the thumbnails are displaying at their native size, which of course is way too big for a decent looking gallery.
Notice that if I disable the "height: auto" for the CSS selector of #content #img, the thumbnails look normal: http://i.imgur.com/n9DA8.png
So the easiest solution would be to simply remove that line from your style.css, assuming that you don't need it anywhere else. The alternative solution would be to implement a custom TubePress theme to force the height/width of your TubePress thumbnails to an exact height. Hope this makes sense, let me know. Thanks!
#3
Posted 15 February 2011 - 07:19 AM
Hi Eric,
thanks you so far.
The easy way works (deleting the width = auto rule) But with a theme I stil have problems.
I made a theme and I call the gallery now with this theme.
In the css of the theme I entered values for width and height:
.tubepress_thumb {
float: left;
width: 120px;
height: 90px;
line-: 1.1em;
font-size: 11px;
display: inline;
overflow: hidden;
}
.tubepress_thumb img {
padding: 5% 5% 1% 5%;
display: block;
width: 120px;
height: 90px;
margin: 0 auto ! important;
-ms-interpolation-mode: bicubic;
}
Unfortuanately the gallery still shows wrong thumbnails:
http://tilburgcompan.../stadsdichters/
What am I doing wrong.
I hope you can help me out one more time.
Kind regards,
Tom
thanks you so far.
The easy way works (deleting the width = auto rule) But with a theme I stil have problems.
I made a theme and I call the gallery now with this theme.
In the css of the theme I entered values for width and height:
.tubepress_thumb {
float: left;
width: 120px;
height: 90px;
line-: 1.1em;
font-size: 11px;
display: inline;
overflow: hidden;
}
.tubepress_thumb img {
padding: 5% 5% 1% 5%;
display: block;
width: 120px;
height: 90px;
margin: 0 auto ! important;
-ms-interpolation-mode: bicubic;
}
Unfortuanately the gallery still shows wrong thumbnails:
http://tilburgcompan.../stadsdichters/
What am I doing wrong.
I hope you can help me out one more time.
Kind regards,
Tom
#4
Posted 16 February 2011 - 01:08 PM
Have you tried setting the height/width of the thumbnails in your theme as "important"? e.g.
.tubepress_thumb { width: 120px ! important; height: 90px ! important; } .tubepress_thumb img { width: 120px ! important; height: 90px ! important; }
#5
Posted 17 February 2011 - 06:30 AM
Hi Eric,
it looks better, but still far from perfect. I guess I will change the line of code in the twenty ten theme.
Thanks for your help.
Kind regards,
Tom
it looks better, but still far from perfect. I guess I will change the line of code in the twenty ten theme.
Thanks for your help.
Kind regards,
Tom
#6
Posted 20 February 2011 - 08:29 AM
It now works with the template to, thank you again