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; }

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..

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 )