Home Forums Art WordPress Theme VIDEO ON ART THEME

This topic contains 7 replies, has 3 voices, and was last updated by  BWSM 4 days, 12 hours ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #14826

    Skandrew
    Participant

    Hi,

    I have been using the Standard Gallery for my portfolio pages. I was wondering if there is a way I could add youtube videos throughout the gallery? I see where I can place the embedded video code and it allows me to put a video at the bottom or top of gallery. But is there a way I can add more than just one video?

    Andrew-

    #14831

    BWSM
    Keymaster

    Hi,

    You can add more videos by some custom css, but it can not be listed by 2-4 grids/row, it only be listed 1-video/row

    ===========

    you could put then into “Text” of “Gallery Layout Builder”, you need to do also:

    1. Use the wrap outer the the embed codes like:

    <div class="videoWrapper video-wrap video-post-wrap" style=" padding-top:56.667%"><iframe src="//player.vimeo.com/video/67659148" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
    <div class="videoWrapper video-wrap video-post-wrap" style=" padding-top:56.667%"><iframe src="//player.vimeo.com/video/46393681" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

    The padding-top is for video ratio (height / width), the 56.667% is 16:9

    2. Paste the custom css code to “Appearance > Customize : Additional CSS”

    .list-layout-text { padding: 0; }

    #14844

    Skandrew
    Participant

    Awesome that worked! How can i adjust the spacing thought between an image and my video in the standard gallery?

    See attached screenshot.

    standard gallery spacing

    #14849

    BWSM
    Keymaster

    Leave your page url please.

    #14855

    Skandrew
    Participant

    Sorry. I thought it was simple enough from the screenshot i provided? Just trying to leave a spacer gap between the video and image in the standard gallery.

    http://www.skandrew.com/ux-portfolio/googlenationalparks/
    password: 6336

    #14856

    BWSM
    Keymaster

    Thanks! Yes, the fastest way is check the page url directly

    Paste the custom css code to “Appearance > Customize : Additional CSS”

    .ux-is-galllery-template-body .gallery-spacing-40 .list-layout-text {
        margin: 40px 0 -40px 40px;
    }
    #17149

    davidtse
    Participant

    there is problem everytime i do that, it just wont save and update…

    and can I align the text on my front page to the left?

    http://www.secondmind.hk/

    Thanks

    #17157

    BWSM
    Keymaster
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!