Forum Replies Created
-
Posts
-
Thanks Ismael size is much better. The pop-up animation is still showing though. Is there any chance we can lose that?
CheersThat is genius Ismael. I didn’t know you had added that option. It looks great except the social buttons box at the bottom. I can’t find a way to make them larger and turn off the popups and animation.
Many thanksOkay thanks Ismael. It doesn’t work as nicely as the example site but I’m happy with it and client hasn’t said anything so all good hopefully.
You can close this thread
Many thanksOkay I’ve tried it in lots of browsers and I can’t see it. Just to confirm, can you see it working on this page (now moved to live)?
Your test works the same. They fade in all at the same time. The whole gallery at once. The one the client likes they load one at a time dso there isn’t the delay loading the whole gallery before they fade in. The client doesn’t want pagination. Just load as you scroll down.
Thanks Ismael. They still don’t fade in and it takes ages to load. It is like it is loading all the images before showing the gallery.
This is what client wanted:
https://aswarbyrectory.com/Sorry stupid of me:
No sorry guys my bad, I should have told you to close this thread. Ismael’s answer convinced them thankfully. They wouldn’t listen to me.
You guys are the best. That is why I have stayed with Kriesi.Thank you Ismael. I told them this but they wouldn’t listen / understand. Hopefully your reply will convince them.
Thanks again.Hi after all that they don’t want the logo on it. Sigh!
They do however want the video sound to play but it doesn’t. Do I need to enable it somewhere. I did advise that sound automatically playing on video is discouraged but they are adamant.
Thanks
Hi Ismael,
I just did this again but the whole gallery fades in not individual images after “set animation on your column element to fade in”. I have left it in place.
The client wants images to fade in like this:
https://aswarbyrectory.com/Thanks
Yes that works okay. I have tinkered with the size a bit.
Client is reviewing it today. Please can we keep this open for a day or two in case they come back with a problem?
Well done!
Many many thanksMany thanks. I did that and It is working okay but I am trying to get the logo looking right by removing all the extra background blur and styling you added and I can’t get it to sit in the right place on mobiles. When I change your css it screws up. Can you give me css with it positioned correctly without background like this on all devices:
https://www.thegatheringbarn.co.uk/wp-content/uploads/2025/04/Screenshot-2025-04-01-102410.png
Sorry my CSS skills are a bit limited.Hi Guenni,
I have followed your instruction but it won’t go full screen inside color section. Looks great on mobile.
I have created a new test page as client is viewing other:Login below if you want to check anything.
Many thanksHi Guenni007
https://webers-testseite.de/html5-video-fanlokbun-2/ seems to work okay.
Sorry I am a bit thick. How do I add this to the top of the page.
Many thanks for all your help.Hi guys thanks for all this. I am out of office dealing with an elderly parent this weekend. I will get back on to it tomorrow.
CheersMany thanks Guinne007 that works great.
I will add a fallback image but I would like it to work on mobile too. It looks great in the browser set to mobile size.That’s great Mike thanks.
The bar underneath on hover is still white. Can I add in a bit of CSS to change that too?
Many thanksYes I would like it on small screens – how do I use relative width / height combinations?
This is what I changed css to to get it looking right:#top .avia-fullwidth-slider::after { position: absolute; display: block; content: ""; width: 300px; height: 255px; top: 50px; left: 60px; background-image: url(/wp-content/uploads/2025/03/Gathering-Barn-Banner-Logo-.png); background-repeat: no-repeat; background-size: 300px; background-position:center center; background-color: rgba(0,0,0,0); border-radius:20px; }Thanks
Tried this from your link but not showing:
#top .avia-fullwidth-slider.logo-over-video::after {
position: absolute;
display: block;
content: “”;
width: 280px;
height: 120px;
top: 150px;
left: 100px;
background-image: url(https://www.thegatheringbarn.co.uk/wp-content/uploads/2025/03/Gathering-Barn-Banner-Logo-.png);
background-repeat: no-repeat;
background-size: 240px;
background-position:center center;
background-color: rgba(255,255,255,0.3);
backdrop-filter: blur(4px);
border-radius:20px;
}
