Hi promoticed,
While responsive option is enabled, by default one video/thumbnail will be distributed per row.
You can easily blend YTC blocks to your theme by adding couple line of custom CSS styling. For a example check out FAQ item “How I can achieve ‘wall’ layout with one featured thumbnail?” https://wordpress.org/plugins/youtube-channel/faq/
For example, to put videos to 3 columns, simply use code:
.youtube_channel.responsive .ytc_video_container {
width: 33.3333%!important; /* 1/3 of width */
margin: 0;
padding: 0 5px; /* left/right spacing to separate video blocks */
}
Or, this can also be interesting for some experiments:
.youtube_channel.responsive .ytc_video_container {
width: 32%!important;
padding: 0 5px 5px;
background: #333;
margin: 0 0.5% 10px;
}
.youtube_channel.responsive .ytc_video_container .ytc_title_above {
font-size: 0.8em;
line-height: 1.2em;
height: 3.2em;
text-align: center;
background: #333;
color: #fff;
display: block;
overflow: hidden;
padding-top: 0.3em;
margin: 0;
}
and then you’ll get something similar to this: https://goo.gl/Ll1wqx
Cheers,
Aleksandar
I Tried adding both of the above to the custom css section of my theme. No effect. Should I turn off Responsive option? Or am I adding it to the wrong place?
Can you provide link to your website where you use YTC?
Do you have caching plugin enabled or CloudFlare?
no. the site is http://www.twtmusic.com and the video section where I want the videos to show is a little bit down the page. I removed the code from the CSS and I turned responsive to 0 and now its showing the videos as a wall but there is no gap between the videos. Also When I move my mouse over a video in the top row, the videos in the bottom move around the box. I would like to have 8 videos in there in two rows of 4 each.
Also I cannot put the title of the videos in there because this causes the videos to line up incorrectly. What do you think I should do? Should i try adding the code directly to styles.css?
Hey, still no luck. I tried adding the above code directly to styles.css but no change. Doesn’t look the way it does in the picture. What I am doing wrong. You can find the wall at http://www.twtmusic.com
First enable Responsive option, then add this to style.css:
/* distribute to 4 columns */
.youtube_channel.responsive .ytc_video_container {
width: 25%!important;
padding: 5px;
}
/* prevent jumping on hover */
.youtube_channel.responsive .ytc_video_container a.ytc_thumb:hover{
border: none;
}
Results will be https://goo.gl/2URYzU
Awesome it worked! Thank you. One more question, if my playlist has more than 50 videos, does the fetch grab them at random or will it only shuffle the first 50? and if it only shuffles the 1st 50 is there a way to get it to fetch more than 50 videos so that the other videos have a chance at getting played?
Unfortunately, YTC fetch max 50 items and shuffle from that stack. YTC does not support paged fetching (It’s in TODO list for premium version since release of v3).
