Video Width as % / Centering content

  • swashin

    (@swashin)


    5 years, 4 months ago

    I have a few questions that kind of link together.

    1) Can I possibly set the video width to a %? I would love to have 4 videos per row and set the width to 25% for each video.

    2) If not, is there an easy way to center my content? I’m using a theme builder and when I turn responsive off, I can’t fill the entire width so instead it’s floating left.

    3) Alternatively, is there a way to do a grid with responsive on?

    I’m not really that skilled with this stuff so forgive me if I sound a bit dumb.

    I just want to basically mimic what a YouTube channel page looks like and it would be great for it to be responsive (which would center it properly, too).

    Love the plugin though, many thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor TechWebUX

    (@techwebux)

    5 years, 4 months ago

    Hello @swashin,

    Thank you for choosing YouTube Channel plugin!

    you can achieve four video thumbnails per row by doing following:

    1. Enable responsive option for YouTube Channel block on your page
    2. Add following custom CSS to Customizer: 
      .youtube_channel.responsive.ytc_wall .ytc_video_container {
    max-width: 25%; /* This rule distribute four thumbs per row */
    padding: 5px; /* This rule add 5px padding around each thumbnail block so you have some white space */
}
@media screen and (max-width: 820px) {
    .youtube_channel.responsive.ytc_wall .ytc_video_container {
        max-width: 50%; /* Distribute to two thumbnails per row on tablet screen size */
    }
}
@media screen and (max-width: 420px) {
    .youtube_channel.responsive.ytc_wall .ytc_video_container {
        max-width: 100%; /* Distribute to single thumbnail per row on mobile screen size */
    }
}

    Please let me if that works good for you.

    Cheers,
    Aleksandar

    Thread Starter swashin

    (@swashin)

    5 years, 4 months ago

    Thanks Aleksander — it worked perfectly! My only issue currently is that 15 videos show up, even though my settings are set to 16. Any ideas? May be overlooking something simple on my end. (https://swashin.tv/videos)

    • This reply was modified 5 years, 4 months ago by swashin.
    Plugin Contributor TechWebUX

    (@techwebux)

    5 years, 3 months ago

    Hi @swashin,

    You probably found out how to achieve 16 videos on page make sure you have set the shortcode parameter num=16 and you fetch more than 15 videos (the shortcode parameter fetch=16 or Fetch parameter in global plugin settings).

    Kind regards,
    Aleksandar

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Video Width as % / Centering content’ is closed to new replies.

Tags