WordPress.org

Ready to get started?Download WordPress

Forums

Youtube Channel Gallery
[resolved] So close to being responsive... (3 posts)

  1. Arley McBlain
    Member
    Posted 1 year ago #

    This isn't a support request really, but this plugin could be optimally responsive with a bit more testing. Here's a start that I did for a project:

    * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    [class*="ytc-columns"] li {padding-right:5%;}
    ul.ytchagallery.ytc-td-top div.ytcthumb-cont, ul.ytchagallery.ytccf li a.ytcthumb, ul.ytchagallery.ytccf li a.ytcthumb .ytcplay {max-width: 100%;}
    ul.ytchagallery.ytc-td-top div.ytcthumb-cont, ul.ytchagallery.ytccf li a.ytcthumb {width:100%;}
    ul.ytchagallery.ytccf li a.ytcthumb .ytcplay {min-width:100%;}
    ul.ytchagallery.ytccf li a.ytcthumb {border:none !important;background-size:cover;}

    Mostly this makes the columns of thumbnails scale nicely. The main video in the shortcode needs to be set to the biggest size needed responsively, and YouTube takes care of the sizing. Eg:

    [Youtube_Channel_Gallery user="BlackBerry" videowidth="650" ratio="16x9" theme="light" color="white" autoplay="0" rel="0" showinfo="0" maxitems="16" thumbwidth="133" thumbratio="16x9" thumbcolumns="3" title="1" description="0" thumbnail_alignment="top" descriptionwordsnumber="6"]

    http://wordpress.org/extend/plugins/youtube-channel-gallery/

  2. BigWilliam
    Member
    Posted 1 year ago #

    I found that by adding this to the css, it responds responsively:

    /* this is the class of the iframe itself */
    .ytcplayer {
      width: 100%;
    }

    note: only tested it in chrome

  3. PoseLab
    Member
    Plugin Author

    Posted 1 year ago #

    Hi

    I added responsive support in version 1.8

    Thanks for the advices

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.