Lay Theme Forum

kalamakumaran · Aug 17, 2023, 5:31 AM

@arminunruh

Ah Great. Didn‘t know the sections are adressed as slides when using horizontal direction. Easy ;)

kalamakumaran · Aug 16, 2023, 5:24 AM

@minutes

Pm!

kalamakumaran · Aug 15, 2023, 12:18 PM

@minutes

try this. haven't tested it. maybe it works ;)

<script>
    window.laytheme.on("newpageshown", function(layoutObj, type, obj) {
        var slideTimeout;

        function moveHorizontalSection() {
            var activeSection = jQuery.fn.fullpage.getActiveSection();
            var nextSection = activeSection.index() + 1;

            if (nextSection <= jQuery.fn.fullpage.getSections().length) {
                jQuery.fn.fullpage.moveTo(nextSection, 0);
            } else {
                jQuery.fn.fullpage.moveTo(1, 0);
            }
        }

        slideTimeout = setInterval(moveHorizontalSection, 10000);
    });
</script>

kalamakumaran · Aug 15, 2023, 9:17 AM

@minutes

if you are using the vertical direction of the fullscreen slider put this in Custom <head> content

<script>
    window.laytheme.on("newpageshown", function(layoutObj, type, obj){
        slideTimeout = setInterval(function () {
    jQuery.fn.fullpage.moveSectionDown();
            }, 10000);
    });
</script>

kalamakumaran · Aug 1, 2023, 3:27 PM

@solyar

Maybe you need to update Laytheme?

kalamakumaran · Aug 1, 2023, 12:54 PM

@dingdong

maybe add this to custom desktop css?

.lay-overlay > .lay-content {
transform: translateX(-50%);
}

kalamakumaran · Aug 1, 2023, 11:49 AM

@solyar

"To exclude an image from the Lightbox, please right click it in the Gridder and choose “Lightbox off for this image”.

https://laytheme.com/addons/lightbox.html

kalamakumaran · Jul 20, 2023, 5:40 AM

@renatocruzsantos

There are various ways to increase the file size limit for uploads.

check this

kalamakumaran · Jul 18, 2023, 9:05 AM

@Blurred00 @arminunruh

Give the carousel you want to invert the class "reverse"

Add this to your Custom JS

<script>
window.laytheme.on("newpageshown", function(){
// Get the swiper-container element 
var swiperContainer = document.querySelector('.swiper-container');

// Check if the element exists and has the "reverse" class
if (swiperContainer && swiperContainer.classList.contains('reverse')) {
  // Add the dir="rtl" attribute
  swiperContainer.setAttribute('dir', 'rtl');
}
   });
</script>

and it should work!

But apparently it seems to be not possible to add classes to carousels. Is it a bug @arminunruh ?

Because when I remove the if statement out of the code it affects the .swiper-container and it inverts the direction.

kalamakumaran · Jul 3, 2023, 9:14 AM

@arminunruh Thanks <3

kalamakumaran · Jun 28, 2023, 9:11 AM

@thomasmaier

I've the same problem. It seems to be happening when the rows have background colors and background images at the same time. The background color overlays the images. at least in my case....

kalamakumaran · Jun 28, 2023, 9:08 AM

@alasdair17

It can be done easily with custom css and a bit of js.
Use one of your rows to put that extra info in. Give it a class style and hide it with custom css.
Put a button somewhere to make the pop-up hide and show on click.

kalamakumaran · Jun 26, 2023, 4:22 PM

Hi,

after the latest update the left and right row background images are not visible in the gridder (backend). Tried to delete and set up again. Doesn‘t fix the issue. They are visible on the frontend.

Best,
Basti

kalamakumaran · Jun 8, 2023, 10:12 PM

@CesareCesariano
Send me your login and I’ll fix it

kalamakumaran · Jun 6, 2023, 8:46 PM

@CesareCesariano

alt text

kalamakumaran · Jun 6, 2023, 10:10 AM

@CesareCesariano
Your footer still has a white background color. Clear it and it should be okay.

kalamakumaran · May 23, 2023, 3:23 PM

I sent you a dm!

kalamakumaran · May 23, 2023, 8:48 AM

Hey Tobias,
for what reason do you move your website to laytheme?
It seems to work pretty well.

Best,
Basti

kalamakumaran · May 8, 2023, 11:46 AM

Haven't tested out but you can try to:

Include the Lottie library in your project via CDN Link

<script src="lottie.min.js"></script>

Give the row you would like to assign the animation to a class oder id (e.g. #animation-container)

<script>
window.laytheme.on("newpageshown", function(){
const animationContainer = document.getElementById('animation-container'); // replace with your div ID
const animationData = {
  container: animationContainer,
  renderer: 'svg',
  loop: true,
  autoplay: true,
  path: 'your-animation.json' // replace with the path to your Lottie JSON file
};

const animation = lottie.loadAnimation(animationData);
});
</script>

Add this to your Custom CSS

#animation-container {
  background-image: url("data:image/svg+xml;utf8," + encodeURIComponent(animationData.container.innerHTML));
}

to make the created SVG your background-image

Good luck ;)

kalamakumaran · Dec 10, 2022, 9:14 PM

@littlegestalt

Dm!

Lay Theme Forum

kalamakumaran

Posts

Before you post:

When you post:

Online Users