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" maxitems="16" thumb_columns_xs="2" title="1" thumb_order_thumb="4"] 
Tags: , ,

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

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

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