Dynamic Layout

  • danayster45

    (@danayster45)


    9 years ago

    Well done plugin, so far I’m almost done with the setup except I can’t figure out how to recreate the 1 over 6 dynamic layout your demonstrating in the Screenshots section. I’ve replicated your shortcode exactly as you listed in the screen shot but it still shows me 6 videos one above another 100% full width.

    2nd question, I’m using the thumbnail layout and when I set the width to say 200, they videos are still full width. In other words I cant seem to control the size of the initial thumbs even though I’ve used your shortcode creator to no avail.

    Im basically trying to list the videos side by side with smaller thumbs the way most people are accustomed to seeing on youtube etc.

    https://www.ads-software.com/plugins/youtube-channel/

Viewing 1 replies (of 1 total)

  • Not sure if you ever resolved this but to get the video layout to look like the one in the “Dynamic” screenshot you should add this CSS:

    .youtube_channel.ytc_wall_1-6 .ytc_video_container {
    padding: 5px;
    box-sizing: border-box;
    max-width: 33.333%;
}
.youtube_channel.ytc_wall_1-6 .ytc_video_container.ytc_video_1 {
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    .youtube_channel.ytc_wall_1-6 .ytc_video_container:not(.ytc_video_1) {
        max-width: 50%;
    }
}
@media screen and (max-width: 480px) {
    .youtube_channel.ytc_wall_1-6 .ytc_video_container:not(.ytc_video_1) {
        max-width: 100%;
    }
}

    You can add it with a custom css plugin.

    Hope it helps! =o)

Viewing 1 replies (of 1 total)
  • The topic ‘Dynamic Layout’ is closed to new replies.