Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 7, 2018 at 7:35 pm #952835
    mirr

    Hi, can’t thank you guys enough for the awesome theme!
    I had a few questions that I really can’t figure out, that would make my website perfect!

    1. How can I add a logo on the mobile menu? I would love to see a logo and then the menu. I use the full page overlay menu.
    2. I use a lot of video headers in my (portfolio) website. So I use fullscreen slider with video link to youtube or vimeo. What I would love if the video has the possibility of adding a “PLAY BUTTON” so that the user of the website can manually start the video instead of the autoplay.

    Thanks a lot for the help!

    May 9, 2018 at 1:11 pm #953894
    Mike

    Hey mirr,
    I tested by adding a video to a full scree slider, checked “Disable Autoplay” ensured there was no overlay, no buttons or captions, the video slide is first, and then added this code in the “WordPress > Customize > Additional CSS”

    .avia-fullscreen-slider .avia_playpause_icon { display: block !important; }

    The key here is that the code is in the WordPress > Customize > Additional CSS, also we could try to target only portfolio pages so this won’t interfere with other videos, but I’m not sure if it is necessary for your site, please test and let us know if this works for you.

    Best regards,
    Mike

    May 10, 2018 at 12:55 pm #954522
    mirr

    Hey Mike, thank you very much for your answer. I think it’s getting there, but the play button doesn’t work. I’ll add the link for the project I tried. Also for the next step would it be possible to design the button?

    May 10, 2018 at 2:12 pm #954574
    Mike

    Hi,
    Sorry I now see when I was testing I was clicking on the screen and not the button, but this should solve:

    .avia-fullscreen-slider .av-click-overlay {
    z-index: 90!important; 
}

    in your testing let us know if you find this code interfering with any other elements.

    Best regards,
    Mike

    May 31, 2018 at 3:05 pm #964805
    mirr

    This works great, thanks so much!
    As a followup, is it possible to:

    1. Change the playbutton into a custom image or is this really difficult?
    2. Possible it 1 is too much to change the colour
    3. The play button stays visible while playing the video, is it possible to hide this and on mouse over change it into a pause button?

    Thanks a lot!

    June 1, 2018 at 4:35 am #965043
    Mike

    Hi,
    Sorry changing the play button to a image would require quite a bit of time and coding.
    But if you add this css to your Quick CSS it will hide the play button while the video is playing:

    .avia-fullscreen-slider .avia-slideshow-inner .av-video-playing .avia_playpause_icon {
display: none !important;
}

    Please clear your browser cache and check.

    Best regards,
    Mike

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