Impacts TubePress thumbnail spacing
-
Just installed 1.3.0 and everything appears to be working great except my page with video playlist using TubePress [3.1.6] now crunches thumbnails together.
-
What setting are you using for the tubepress shortcode? I’m trying to reproduce this issue.
Hello Khang Minh. Thank you for quick reply and great plugin.
The tubepress shortcode is just
[tubepress]
If you meant the settings for TubePress configured via the admin dashboard this is what is set:
—
TubePress Options:
– Which videos? tab
* This YouTube playlist: MLg0G4AbJ_JIgyeKZ6AWdVoWNkkw-LUc– Thumbnails tab
– Theme: youtube
– Height (px) of thumbs: 100
– Width (px) of thumbs: 180
* Use “fluid” thumbnails [checked]
– Thumbnails per page: 50– Player tab
– Play each video: with Shadowbox
– Implementation: Provider default
– Max height (px): 350
– Max width (px): 600
– Lazy play videos: [checked]
– Show title and rating before video starts: [checked]
– Enable JavaScript API: [checked]
…
– YouTube
– Fade progress bar and video controls: Fade progress bar only
– Allow fullscreen playback: [checked]
– “Modest” branding: [checked]– Meta tab
– Show each video’s… Runtime, Title, View count
– Date format: M j, Y
– Maximum description length: 80– Feed tab
– Order videos by: default
– Per-page sort order: none
– Maximum total videos to retrieve: 300
…
– YouTube
– Filter “racy” content: moderate
– YouTube API Developer Key: (will send privately if need)
– Only retrieve embeddable videos: [checked]– Cache tab
– Cache expiration time (seconds): 3600
– Cache cleaning factor: 20– Advanced tab
– Enable debugging: [checked]
– HTTP method: GET
– WordPress
– Shortcode keyword: tubepress
—NOTE: As soon as I finished activating BWP Minify I reviewed its’ settings but made no changes; then I checked all my pages and found the video thumbnail layout issue (which I had verified was correct beforehand.) I suspected an issue with the TubePress Thumbnails settings, and unchecked the “Use “fluid” thumbnails” settings. The first time I reloaded the page it appeared to correct the problem and properly space the thumbnails; however, subsequent changes to thumbnail height and width resulted in the problem reappearing. I see IE/Chrome/FF.
Khang Minh, perhaps this is an existing issue with TubePress? I am looking at the raw tubepress.css and find that the class .tubepress_thumb is only 120W x 175H. My settings for just the video thumbnail of 100H x 180W can’t possibly fit into this area, which is also supposed to display the Title, Runtime, and View count here as well. Not sure how this ever displayed properly…?! I think they may have a bug, and it appears developer may have mixed-up Height and Width attributes somewhere and more. I’m going to modify the raw CSS and see if it resolves the issue; then file a bug report with TubePress.
There are several unaddressed TubePress support questions related to this issue:
Google: inurl:thumbnail spacing “[plugin:tubepress]” site:wordpress.org/support/topic
I resolved the issue with TubePress as stated Khang Minh. Here are the details that may help others.
Modified tubepress.css as follows…
Changed width from 120px to 180px here:
.tubepress_thumb { float: left; width: 180px; height: 175px; line-height: 1.1em; font-size: 11px; overflow: hidden; }
And added following margin setting to last line of tubepress.css:
.tubepress_thumb { margin:0 15px 15px 0; }
Darn! I spoke too soon! I resolved the layout issue, but an even bigger issue is that the videos no longer play when I click on the thumbnail or link. I will open a separate support topic for this issue. This leads me to believe my “fix” here is just a layout workaround, and that there is some issue between BWP Minify and TubePress.
RESOLVED! Added tubepress.js to “Scripts to be ignored (not minified)” list and all is well!
Backed-out the above changes to tubepress.css and all good.
Could be a dependency issue, glad you got it working 🙂
- The topic ‘Impacts TubePress thumbnail spacing’ is closed to new replies.