Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Strange thumbnail


  • Please log in to reply
5 replies to this topic

#1 Tom Pijnenburg

Tom Pijnenburg

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 14 February 2011 - 03:41 PM

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

#2 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

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!

#3 Tom Pijnenburg

Tom Pijnenburg

    Newbie

  • Members
  • Pip
  • 9 posts

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

#4 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

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 Tom Pijnenburg

Tom Pijnenburg

    Newbie

  • Members
  • Pip
  • 9 posts

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

#6 Tom Pijnenburg

Tom Pijnenburg

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 20 February 2011 - 08:29 AM

It now works with the template to, thank you again