YouTube Channel Gallery. Demo with title and thumbnail at the bottom

In this demo, I have adjusted the values ​​to display the title with a thumbnail below. Also, I have added the following CSS to show you can customize the design with the diverse generated class:

#ytc-wrapper .row{
    display: flex;
}
#ytc-wrapper .ytc-thumbnails .ytc-column{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    margin-bottom: 30px;
}
#ytc-wrapper .ytc-thumbnails .row:nth-child(even){
    background: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #c2c2c2;
}
.ytctitle{
    width: 100%;
}
.ytcthumb-cont{
    width: 100%;
}

The shortcode used is this:

[Youtube_Channel_Gallery user="Microsoft" key="your_Google_API_key" maxitems="16" thumb_columns_phones="2" title="1" thumb_order_thumb="4"] 
Tags: , ,

5 Comments on "YouTube Channel Gallery. Demo with title and thumbnail at the bottom"

  1. Maria Ny says:

    For the people having problems with the video links going to YouTube, maybe you should install and activate Easy Fancybox. We have that and it works on one of our client sites: http://dborthopt.com/videos

  2. Open in a new window or tab: option to open the link to YouTube in a new window or tab . Shortcode attribute: link_window; values: 0 (default) or 1. (Optional).

    Add link_window=”0″ to your code just in case. It must have changed to 1 by some reason, or the other way around, change it to “1″ and check the results.

  3. I’m using the following shortcode:

    [Youtube_Channel_Gallery feed="user" user="FLPBA" feedorder="desc" videowidth="675" ratio="16x9" theme="light" color="white" quality="small" autoplay="0" rel="1" showinfo="1" maxitems="8" thumbwidth="90" thumbratio="16x9" thumbcolumns="2" title="1" description="0" thumbnail_alignment="left" descriptionwordsnumber="10" link="1"]

    but the videos link to youtube instead of staying on the player located on my site…any indeas?

    http://www.flpba.org/new/media/

Leave a comment