Forum Replies Created
-
Posts
-
Hi Ghuddi
I don’t know if you already fixed your problem but this seems to fix it for me:
1. Set the colorsection to: at least 75% height of browser window (instead of 100%)
2. Add the following to the custom CSS (replace ID-OF-MY-COLORSECTION with the ID you have set for your colorsection):
#top #ID-OF-MY-COLORSECTION .av-section-video-bg video {
top: 0px !important;
}#top .av-section-with-video-bg {
position: inherit !important;
}hope this helps you too!
I think I found a solution….
1. Set the colorsection to: at least 75% height of browser window
2. Add the following to the custom CSS (replace ID-OF-MY-COLORSECTION with the ID you have set for your colorsection):
#top #ID-OF-MY-COLORSECTION .av-section-video-bg video {
top: 0px !important;
}#top .av-section-with-video-bg {
position: inherit !important;
}Looks like this is working for me, hopefully this could be useful for someone else too
Also…. If I set the colorsection to at least height at least 75%… the blackbars disappear….
but then the video is only full width not full height also…Hi Vinnie, I’ve tried it… but as the layerslider is then still on the same page as the background video (allthough in different colorsections) it still causes the black bars to appear…
One thing I did notice is that when I add to my custom CSS the following:
#top .av-section-with-video-bg {
position: inherit !important;
}the black bars become less wide…. I’m still trying to figure out a solution/workaround
Hi Vinnie,
Thanks for looking into it. That does seem to work, however i don’t want text to rotate… but to animate in and stay on the screen….
What I’ve done is put all the text in the video and put it as a background video into the colorsection so I won’t need the LayerSlider there anymore. But…. on mobile versions of the site the video should be replaced with a static background image and show the LayerSlider….Could a possible solution be the following:
1. For desktop versions of the site use a colorsection with just a videobackground.
2. For Mobile versions of the site, have a seperate colorsection with a background image and the 2 LayerSliders (one for portrait and one for landscape mode)?I suppose that could be achieved by having 2 colorsections on the page (1 for desktop and 1 for mobile versions) then give them both a different ID and add display:none etc in the mediaqueries?
Can you let me know if I’m right about that?
Cheers, Cindy
Hi Rikard…. still no luck on this end It’s fine for anything below +/- 1300 pixels but everything above shows the black bars which will dissappear after resizing the browserwindow. But appear again when returning to the homepage… cleared cache a few time and tried to reload multiple times..
https://www.dropbox.com/s/ezagdx2vf7unmen/Screenshot%202016-04-08%2012.49.07.png?dl=0
Cindy
I’m getting the same thing on a mac in Chrome but also Safari… First load, black bars on left and right of the video on the homepage. When I resize the browser window all looks good. (my video is a background video in a color section)
Cindy
Guys… you all rock!! *raising my coffee cup to all* This works like a charm…. Thank you so much for all your quick support. You’ve just made my day :D
cheers, keep up the good work!
Cindy
Hi Ismael,
Thanks for the update. I understand what you tried to do…. However this is still not working the video still loops from the beginning… I’ve tried to set the video_loop in section.php to false to see if that would do the trick, but then the video (of course?) doesn’t loop at all. It seems that my video does get the id of #cavideo but somehow we’re not able yet to control it the way we want…
Hi Yigit,
Thanks! That does work I’ve set the ID of the video now… Do I now also set the default video_loop in section.php to false? As it seems that the script I’ve posted with my question isn’t working yet…
cheers Cindy
Hi Vinay,
I’ve already tried that… but that id changes every time you reload the page?
cheers, Cindy
