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

Text is getting cut off???


  • Please log in to reply
12 replies to this topic

#1 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 19 December 2011 - 01:48 PM

the videos on the far right description text is getting cut off??

I have adjusted css width of the container but no dice???

its almost like another invisible row is cutting of the text.

any ideas

pics attached

#2 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 19 December 2011 - 11:44 PM

Are you able to share a link to this site? This looks like it's a simple CSS issue, but it's difficult for me to say without getting in to take a first-hand look. Let me know. Thanks.

#3 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 20 December 2011 - 02:08 PM

sure here's a link

http://bigislandlive.com/bil/test.php


its more evident on page 5 but I also noticed views are getting cut off a little on page 1 too

#4 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 21 December 2011 - 12:03 AM

First thing I would try is to add "word-wrap: break-word" to the .tubepress_thumb CSS class. This should prevent the text from simply cutting off when it overflows its div.

You might also want to experiment with different widths for the .tubepress_thumb class. Finally, is there a reason that you have a wrapper of 980px with the nested divs at 960px? I would try just setting the width of the wrapper and setting the inner divs to a width of 100%.

Give it a try and let us know?

#5 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 21 December 2011 - 03:59 PM

"add word-wrap: break-word to the .tubepress_thumb CSS class"

where exactly is that?

I looked in the tubepress_pro_2_2_7 folder on my server, then went into

sys/ui/themes/default

I tried the style.css that was there and made the following changes to it

.tubepress_thumb {
float: left;
width: 120px;
height: 175px;
line-height: 1.1em;
font-size: 11px;
display: inline;
overflow: hidden;
word-wrap: break-word;
}

I'm still getting text cut off

I assume I was editing the wrong css file

which one exactly, location etc???

#6 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 21 December 2011 - 11:20 PM

Hi,

Is http://bigislandlive.com/bil/test.php still a live site? I'm getting a 404 when I try to visit it.

As for where you should make the CSS changes - anywhere that's loaded by your page will work fine. The only danger of putting it into the style.css loaded by TubePress is that it will be wiped out when you upgrade. I recommend keeping CSS changes in a "stable" CSS file that will not change when you upgrade components of your site.

I also highly recommend experimenting with Firebug when messing around with CSS.

#7 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 23 December 2011 - 02:19 PM

page is back online

I added the code you mentioned to the CSS

I'm still getting the issue

can you take a took

http://bigislandlive.com/bil/test.php

any ideas?

#8 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 24 December 2011 - 05:53 PM

Christmas bump :)

#9 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 27 December 2011 - 04:38 PM

still Christmas?

#10 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 01 January 2012 - 10:44 PM

I apologize for taking so darn long to respond to you - only now getting caught up from the holiday madness! Thank you for your patience.

So I've experimented for a while with your site and did some research, and I'm not sure that there's an entirely elegant solution to the problem other than increasing the width of the .tubepress_thumb CSS class and making sure that the "overflow" property of .tubepress_thumb is set to "visible" (it's currently set to "hidden"). Even this won't be a perfect solution as there will still be text that can overflow into the next thumbnail, but if you make your thumbs spaced apart enough it may be less noticeable.

Here are two questions on SO that are worth the read:

What do you think?

#11 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 02 January 2012 - 01:50 AM

thanks Eric that did work!!!

I ended up not liking the look of the views anyway and removed them entirely, although your tips did fix the other issue

thank you!

very much appreciated!

#12 sorion 808

sorion 808

    Advanced Member

  • Members
  • PipPipPip
  • 37 posts

Posted 02 January 2012 - 04:11 PM

I noticed with the changes I made the gaps between videos are gone now

http://bigislandlive.com/bil/test2.php

anyway to keep the 8 video across along with the changes I made (to fix text cut off) and retain the little gaps between videos like in the link below

http://bigislandlive.com/bil/test.php

How do I adjust the space between videos, i guess its automatic based off of width of container?

any ideas

:)

#13 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 02 January 2012 - 09:50 PM

Glad to see that we're getting closer! Yes, TubePress will automatically try to "auto size" the thumbnails so that they are distributed evenly across the width of their container. You can turn this off by setting fluidThumbs="false" in your shortcode. e.g.

print TubePressPro::getHtmlForShortcode('mode="tag" tagValue="pittsburgh steelers" resultsPerPage="3" fluidThumbs="false"');
With fluid thumbs off, you can simply set an explicit width for your thumbnails. Make sense?