re-sizing play button on thumbnails and specify number per row

Hi elghana,

Regarding play button size; play button is background image of span. So, you can apply some of this solutions:

1. You can edit theme style.css (or other custom CSS location) and target element .ytc_thumb>span:before where you need to set background-size as you wish.
2. Other solution is to maybe use media-query and customize which image will be used for particular screen sizes.

Regarding number of columns per row, I don’t have that on TODO list, or as feature request. Reason is because I’m always for flexible solutions so with unlimited number of columns per row user is allowed to design grid as wish.

For example, you’ll have grid of 4 columns per row if you disable responsive option and set custom class “grid_4col” (through shortcode or widget), then add CSS rules below:

.youtube_channel.grid_4col {width:100%}
.youtube_channel.grid_4col .ytc_video_container {width:25%!important}

You can play with styling w/o need to hardcode any grid layout.

Cheers,
Aleksandar

Thank you so much. It is such a selfless thing to do, providing a free plugin and having time to promptly answer questions of users. Got any means that we can donate to you when we are able to?

It all worked great and simple. I think there is no need to add columns functionality to it with this possibility.

Hey. Could you tell me a bit more about this:

“You can edit theme style.css (or other custom CSS location) and target element .ytc_thumb>span:before where you need to set background-size as you wish.”

How exactly do I set the background-size? Or what’s the exact code? I’m new to the coding part. Do i need something more after: “.ytc_thumb>span:before” ?

Thanks, love your plugin. <3