Forum Replies Created
-
Posts
-
Hi Ismael
I tried that but its not working for me.
I have the captions set to “default display”, titles only, but the titles on the mobile are still on top of the image. https://imgur.com/cNyeRGW
Can you check this?
thanks
NancyHI again
So i added that animation code and now I have this:.avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry { -webkit-animation: fadeingallery 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); animation: fadeingallery 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); } .fadeingallery .av-inner-masonry { opacity: 1; animation-name: fadeInOpacity!important; animation-iteration-count: 1!important; animation-timing-function: ease-in !important; animation-duration: 2s!important; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } }now on the page below with a few galleries I see a fade in on page load but not when I scroll down. Can they fade on on scroll as well? I am also having an issue with the gallery not loading at all on the page until you resize the window – see below. Can you see what is causing that? is it something in the code? (I don’t really understand animation code enough to troubleshoot it)
thanks for your help
NancyHi Ismael
thanks I will try that.I am having another problem with the masonry galleries – I would like the title/caption to show under the lightbox videos, but can’t get it working. I have the titles on the media in description and caption areas of the image. Is it because it’s a video link?
I also tried to put the caption info in the alt text to have it as a tooltip but all that I see is the title. Not sure what is going on there.
Can you take a look?HI Rikard
I still need help on a couple things:1. I’d like the masonry gallery to fade in instead of the default animation, but I can’t get it to work properly.
I have this code:.fadeingallery .av-inner-masonry { opacity: 1; animation-name: fadeInOpacity!important; animation-iteration-count: 1!important; animation-timing-function: ease-in !important; animation-duration: 2s!important; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } }which worked on this site: http://theflyingrug.com/
but on the site below the gallery still loads wrong. I have the gallery element in a column that is set to a fade-in animation as well, which is working with the “click on the images to see video” text, but the images below are not fading in unless you am already scrolled down to that section.2. I’d also like to change the opacity on the masonry gallery hover background color but can’t get it to work.
Can you help me with this?
thanks
NancyThanks for all the information. I will talk to my client about it. You wrote in an earlier post that you couldn’t use self-hosted videos for the mobile video background, right?
I tested making a slider in ALS with a responsive canvas size more 1:2 instead of 16:9 (that is, a vertical format) and then just using that for the mobile. Seems to work, unless I am missing something? It does load a bit slowly for me but not sure if that’s due to the sliders or something on my end.
QUESTION: is it possible to have the background video start playing at a random point every time a visitor views the page?
thanks for your help
Nancydoes that plugin work with the classic editor in enfold? I am not using gutenburg.
and if I understand you, the advanced layer slider can’t really be adapted to mobile in the same way as I need it?in regards to GDPR – is it enough to have a compliance checkbox on the page where I have the background video?
I don’t see anything on visuello.no site. That site is built in Craft CMS, which I am not familiar with.thanks
NancyHi Guenni
thanks so much for your help – you seem to know what you are doing.
That’s pretty much what we are looking for – I can see it on the chrome inspector but not on my phone. This was true with your other link above as well and with my video where I could see that the video loaded but only saw a still image, but after a day my video was fine, so I have to assume it works – seems to be a big delay.That is done with that plugin and not with the advanced layer slider, right?
The ALS is kind of overkill for what I am trying to do.thanks
NancyHi Ismael I hope you can help me with this.
My client wants it to be like this site: http://www.visuello.no. with the background video height changing on small screens to a portrait mode with a taller aspect ratio than on the pc. I tried changing the height paramenter in my advanced slider code to 100vw:
<iframe class="vimeo" src="https://player.vimeo.com/video/47299461?background=1&muted=1" style="position:relative;top:0;left:0;width:100vw;height:100vw;" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe>but that didn’t change anything, and I don’t want to mess up the display on PC (though I guess I could make a separate slider just for mobile). Is it possible to have the 16:9 vimeo video display at a more of a portrait mode on the mobile through i frame code and/or is there a way to make the container taller? I am just learning advanced slider and am not sure how to do this.
thanks for your help or maybe guenni007 has an idea how to do it, since it was his code I copied?
NancyHI thanks for responding!
I was able to get it working with that code, just a delay to see it on my phone.
the background=1 seems to do the trick.If I wanted a but more height on the mobile video, how can I do that?
NancyHi
I needed this same thing and after reading all the threads on this topic, went through the steps above in the advanced slider, but still cannot see the video on my mobile –even though I can see the video on your site just fine. Vimeo has a new parameter using “background=1” to disable all the controls and autoplay/loop the video to get around the restrictions of the browsers, which have changed a bit since this thread.My embed code is:
<iframe class="vimeo" src="https://player.vimeo.com/video/168191481?background=1&muted=1" style="position:relative;top:0;left:0;width:100vw;height:56.25vw;" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe>Both sites look fine for me in the chrome inspector for mobile.
any suggestions?no here: https://imgur.com/a/0T9jG2d
I would like to either hide or decrease the size of the separator under the first postalso on the blog – I am getting duplicate breadcrumbs – one for the BLOG POSTS page I made, and one for the BLOG category. How do I hide the category breadcrumb – I only want the BLOG POSTS page showing.
thanks
NancyHi Ismael
My images are the same size and it happens both with the perfect grid and flexible masonry options. It’s also not just the sorting, which is annoying but not crucial here, but also the alignment of the first column is off. Can you see what is causing this? I have lots of galleries on other sites that are working fine.
best
Nancyor install the Classic Editor plugin.
I still see the old form on pages that are not the homepage in safari & firefox. Caches are cleared.
that is the mailchimp form you are looking at –
the contact form is at the lower right footer.That did not answer my question. I have read all the threads about updating to 4.5 and did that using a plugin, but the envato token verification does not work on my site. Updated ok on another one.
oh wait, now I can. strange.
I can’t see your replies to 1 & 2 at all:
??
1. I cleared the cache.
2. I know how to do menus – the issue was the burger menu was not displaying on the ipad as I expected it to. I have the “burger menu for mobile & tablets” selected, but that is not what I was seeing, after clearing the cache many times.regarding #3 – it was also an ipad issue on the same site, but I will put it in another thread.
thanks for your help
Nancy
