Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 2, 2020 at 1:45 pm #1218771
    jonrouse

    Hello.

    I would like to make the video element full width. I know this can be done by putting a video in a full width layer slider, but I prefer the round play button overlaying the video. I have searched the forums and a post from 2015 didn’t work. I did find a more recent post, but the guy fixed it himself and didn’t clearly explain how he fixed it.

    Thanks in advance.

    June 3, 2020 at 8:25 am #1218949
    Rikard

    Hey jonrouse,

    Could you post a link to where we can see the element that you want to to customise please?

    Best regards,
    Rikard

    June 3, 2020 at 10:17 am #1218994
    jonrouse

    Hi Rikard,

    I had to move on yesterday, but I’ve created a test page. The first video (full width layer slider) is what I went with, ideally I’d like the round play button over laying on this. The second is just the video element which I was hoping to make full width. I tried putting it into a colour section, but that wasn’t working either.

    I think it needs to be obvious that it’s a video, I think a lot of people would scroll past it.

    Link in private section.

    Thanks for you help.

    June 4, 2020 at 12:41 pm #1219356
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS:

    #after_full_slider_1 .container {
    max-width: 100%;
    padding: 0;
}

    This will apply globally on your site, if you only want it for one section the try placing it in a Color Section again and give the section and ID. Then replace #after_full_slider_1 with #your-id.

    Best regards,
    Rikard

    June 4, 2020 at 1:31 pm #1219381
    jonrouse

    Thanks Rikard,

    I’ve done what you suggested in the second option, there is one small issue. There seems to be a 20px white space beneath the video. (1032px v 1052px)
    I removed padding in the colour section and in the section below it – I’ve sandwiched it between two gradient colour sections on the test page so you can see what I mean.

    Thanks again.

    June 5, 2020 at 8:48 am #1219708
    Rikard

    Hi,

    Please try this CSS as well:

    #full_width_vid .avia-video {
    margin-bottom: 0;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.