Lay Theme Forum

kalamakumaran

@arminunruh

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

kalamakumaran

@minutes

Pm!

kalamakumaran

@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

@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

@solyar

Maybe you need to update Laytheme?

kalamakumaran

@dingdong

maybe add this to custom desktop css?

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

kalamakumaran

@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

@renatocruzsantos

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

check this

kalamakumaran

@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

@arminunruh Thanks <3

kalamakumaran

@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

@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

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

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

kalamakumaran

@CesareCesariano

alt text

kalamakumaran

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

kalamakumaran

I sent you a dm!

kalamakumaran

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

Best,
Basti

kalamakumaran

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

@littlegestalt

Dm!

Lay Theme Forum

kalamakumaran

Posts