Home Forums Art WordPress Theme VIDEO ON ART THEME

This topic contains 13 replies, has 5 voices, and was last updated by  SeaTheme 7 months, 2 weeks ago.

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

    Skandrew
    Participant
    Purchased

    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

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Purchased

    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

    SeaTheme
    Keymaster
    Purchased
    Supported

    Leave your page url please.

    #14855

    Skandrew
    Participant
    Purchased

    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

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Purchased

    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

    SeaTheme
    Keymaster
    Purchased
    Supported
    #17250

    kajahaven
    Participant
    Purchased
    This reply has been marked as private.
    #17252

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi kajahaven, please send your question and wp-admin(url/user/pass) via
    my profile contact form (you need login on ThemeForest), I’ll log in to check it.

    #18149

    Marilize
    Participant
    Purchased
    This reply has been marked as private.
    #18156

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi Marilize, I checked your page, I didn’t see the codes.

    Regards

    #18164

    Marilize
    Participant
    Purchased
    This reply has been marked as private.
    #18166

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    The solution of this post is to use the embed video(Youtube or Vimeo, not uploaded video from ‘Add Media’ ) in “Text” of “Gallery Layout Builder”. It is the best way to do Image-Video-Image-Video layout.

    Regards

Viewing 14 posts - 1 through 14 (of 14 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!