LaurenC
Member-
Posts
11 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
LaurenC's Achievements
-
How to make this style of landing page in 7.1
LaurenC replied to LaurenC's topic in Customize with code
No worries at all. Hope you are on the mend. This is the code I found from one of your other forum posts: ///SLIDESHOW TRANSITION EFFECT FADE/// .gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } -
Hey again @bangank36 I've been able to get to this point using two gallery slideshows. https://www.laurencampbell.net.au/test-landing-page I'm also using a code I found here for the transition fade but it only seems to work every couple of times, not every time and not for both galleries. It seems super random. Here is the code: ///SLIDESHOW TRANSITION EFFECT FADE/// .gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; -webkit-transition: opacity 1600ms ease-in-out !important; -ms-transition: opacity 1600ms ease-in-out !important; -moz-transition: opacity 1600ms ease-in-out !important; -o-transition: opacity 1600ms ease-in-out !important; } //.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{ transition: opacity 1400ms ease-in-out !important; -webkit-transition: opacity 1400ms ease-in-out !important; -ms-transition: opacity 1400ms ease-in-out !important; -moz-transition: opacity 1400ms ease-in-out !important; -o-transition: opacity 1400ms ease-in-out !important; } I'm still trying to figure out how to overlay the text over the top of each image and make mobile view split like the image attached. Would you happen to have any advice for this?
-
How to make this style of landing page in 7.1
LaurenC replied to LaurenC's topic in Customize with code
Hey @tuanphan I've been able to get to this point using two gallery slideshows. https://www.laurencampbell.net.au/test-landing-page I'm also using your code for the transition fade but it only seems to work every couple of times, not every time and not for both galleries. It seems super random. Would you happen to have any advice for this? I'm still trying to figure out how to overlay the text over the top of each image and make mobile view split like the image attached. -
Thanks so much @bangank36 This is exactly what I am after. It looks great! 🙂 So I've managed to hide the header and banner and created my three galleries in 3 different sections. Would you mind sharing the css code you used to display 3 the sections into 3 columns? And how you Used pseudo element to set the caption for each section? Thank you so so much again for your help! Really appreciate it.
-
LaurenC reacted to a post in a topic: Split Screen landing / cover page with multiple full slideshows - 7 or 7.1
-
LaurenC reacted to a post in a topic: Split Screen landing / cover page with multiple full slideshows - 7 or 7.1
-
Site URL: https://www.studioproba.com/ Hey all. I was wondering if anyone out there might be able to help me create a split screen landing page / or cover page with multiple full slideshows. I'm trying to make something like this but with three sections instead of two: https://www.studioproba.com/ I have both 7 & 7.1 sites so ideally whatever way gets this working would be amazing if anyone has any ideas or tips? Thanks for your help!
-
How to make this style of landing page in 7.1
LaurenC replied to LaurenC's topic in Customize with code
Thanks! Do you think I should make it using a simple list, banner slideshow list or a carousel list? I'm hoping to have it transition between 4 different photos in each section... -
LaurenC reacted to a post in a topic: How to make this style of landing page in 7.1
-
LaurenC reacted to a post in a topic: auto advance images in gallery section
-
How to make this style of landing page in 7.1
LaurenC replied to LaurenC's topic in Customize with code
Thank you so much for your reply! That would be incredible. I'd love that! Thanks again! -
LaurenC reacted to a post in a topic: How to make this style of landing page in 7.1
-
Site URL: https://www.studioproba.com/ Hi! Is anyone able to help me make this kind of landing page: https://www.studioproba.com/ I'm wanting to create a few of these image sections that link to other areas of my site but I love how they auto scroll through individually like a slideshow, and really like how the one you don't hover on fades out a bit. I've already used code to remove my header & footer. Thanks in advance.