Displacing Widgets and Resizing weird

Hello there,

Thank you for the report! most of your issues are CSS-related:

When on “recent” or “popular” with a custom (smalelr) video size, the widget gets very skinny and the title of the widget below it shows up beside this widget. Info tab expands and shows properly.

Set a width for the widget to be used, instead of the auto responsive one. like this: #ytio-container { width: 100%!important; } for full width.

When using the auto video sizing, the recent and popular tabs appear larger, but still the 1st word of my next widget appears to the right of this widget (with on letter per line like this)
F
ol
lo
w

The widget currently uses a float, although I always thought to disable it:

This custom CSS would do that: #ytio-container { float: none!important; }

The info tab once again – expands larger and pushes those words down. So however the info widget width

That is, because of the amount of info there, which should make widget expand down to show more, unless you want to use a max-height with an overflow:auto;

As well, I actually thought it broke my site initially, as it took FOREVER to load. It loads faster the second time around, but the initial load time is long. It also severely brought down my pagespeed in gtmetrix.

Here’s how this plugin works: On first install, the widget needs to pull up data from API JSON feeds. We did not set this to work with a CRON job so the server internally does that, but, the first viewer does.

Example that you set the cache to be cleared in 2 hours, then, as you visited to site, it took a little time to pull data, those data will be used within the next 2 hours without the need to load them again, as they are saved and served from database.

You might want to increase cache clearing time a little bit, as long as you aren’t worried about getting instant new stats and info as the old ones will be used until cache is expired..

Forgot to sum up with the CSS thing, add this to your custom CSS style file, or via a plugin such as “Simple Custom CSS” :

#ytio-container { width: 100%!important;float: none!important; }

Wow, thanks for the quick response!

I added the custom CSS and everything works perfect now as for the sizing. I’d still love to have 2 columns though ??

As for caching, I actually set it to 48 hours – far longer than just an hour or two (I’m not adding a video to youtube every 2 hours, so I figured to make it longer was my thought)

For the loading issues, do you mean literally just the first viewer, or the first viewer from each PC/IP? I figured that may be it and loaded it a few times between different devices, tested my page speed, loaded a few more times, tested page speed, and it still seemed to add minimum 6 seconds to my page loading time. Maybe I’ll try leaving it installed for a couple days and see. My site is not currently “live” (coming soon sign although I am working directly on the live site) so I’ll give it some time and see if anything changes. This time around it’s only hitting my page speed by about 3-3.5 seconds, but it dropped my ratings. It seems to complain about “redirects” and “defer parsing of JS” that both seem to include youtube links.

I will keep it up and running though. As I mentioned, my site isn’t “really” going live for almost a month, so once I’m done fiddling, do a database cleanup etc. it may help a lot.

You are welcome.

I’d still love to have 2 columns though ??

See if this custom CSS does it for you:

div[id*="ytio-last-uploads-"] > div,
div[id*="ytio-popular-uploads-"] > div {
	display: inline-block!important;
}

I can only say one thing regarding the loading speed issue, the embedded videos are iframes, subscribe button too, and they are loaded along with some JavaScript, which takes a little while before the loading site icon stops and the data are processed.

Try to deactivate this plugin, and embed a YouTube video and or subscribe button into a post, then test page speed again. Might help us tell the difference..

Almost worked. Have to play with the video width more and see. Looks like that will do the trick though! Once I get it figured out I’ll come back and post if I needed to change any of the CSS or just mess with the video width in case anyone else wants to try it.. From my initial testing it looks like I may need to add margin or something. Thanks SO much!

From my initial testing it looks like I may need to add margin or something.

Yes, I think you are referring to embedded videos and adding little space between them.. So do your own customization.

Thanks.

Forgot to reply to this:

For the loading issues, do you mean literally just the first viewer, or the first viewer from each PC/IP?

Just the first viewer from anywhere, upon their first visit as the cache is expired, data are being renewed or inserted to database ( _options table to be more specific ), and those will be served all over the next 2 days ( 48 hours, your caching option )