Lay Theme Forum

Hi Armin,

I'm using the carousel to animate the color of words inside a text block (text slides only).
However, I’ve noticed that the fade animation always shows a brief white flash between slides, as if it's not doing a proper crossfade. It seems like the previous slide disappears before the next one has fully faded in.

Is there a way to achieve a true crossfade, where the previous slide stays visible while the new one fades in over it?

I’ve already tried tweaking the CSS, but without success.

https://staging.gkdesign.it/carousel-test-armin/
In this example there is no custom css/js. Just the carousel with loop, autoplay and fade. Multiple text slides.

Thanks Armin! I think it would be cool to incorporate this setting natively, even though fixing the code is easy.

Hi Armin,

Do the effects of Image Hover Right and Left Background refer to the height of the entire viewport or just the specific row of the element? Right now, it’s working based on the full viewport height, but I’d like to have control over this or at least make it reference the row instead.

What do you think?

Best,

Hi Armin,

When I navigate between pages, the transition is the normal “fade” effect, as selected in the Lay Options. However, when I click on a project thumbnail in the Project Thumbnails Grid, the transition changes to a slide from bottom to top to the page.

Even after disabling custom code, the issue persists.

Am I missing a setting for the specific transition in project grids?

Oh nice, thank you Armin.

Thanks you for your help. I’ll study it in the next few days. Right now, I’m busy dealing with various issues from my first exports from local to remote. :)

Hi @arminunruh , sorry for the late reply.

No, I simply don’t want to see the code preview in the gridder, but just a simple element that is not as visually impactful as in the screenshot I’m attaching.

Maybe in some cases this doesn’t make sense and I don’t realize it, but I personally don’t like seeing all that code in the preview on the gridder.

Hi Armin,
Once a background color is selected in Marquee, it seems impossible to set it back to transparent. Perhaps adding a button to enable/disable the background color would be nice.

It would be great to have the option to either view the code or enter a text label to name the HTML blocks inserted into the page.
Visually, I often get confused when using the gridder.

@arminunruh would this be interesting for you?

Hi @arminunruh,
I have some questions regarding the carousel code customization:

1. Is it possible to make the carousel overflow visible only on the left while keeping it hidden on the right? (Currently, I managed to make it visible, but it affects the entire X-axis.)
2. Can we disable vertical mouse scrolling within the carousel slides?
3. I tried applying the box-shadow effect and setting a transparent background on the container that I believe holds the slides, but without success. Is there a way to achieve the shadow effect without overlapping the adjacent carousel slides?
4. I would like to add a shadow on the right side so that the carousel appears to fade out at the edge. I know how to create the shadow effect, but I’m not sure which selector I should apply it to.

Carousel type "slide"

Thank you,
M.

i just take a look your website, is brilliant. Great job!

solved after updating and restarting the computer. Thank you for the video

Problem:

Marquee not visible when:

Is placed bottom in an "overlay" page (full width, in a row with browser height) with the animation from bottom to top. U need to scroll down to make it visible even if the diseable scrolling is chekced in the overlay page.
With other animation, fade, slide from top etc, works correctly.

Can u check it Armin?

Thank you in advice...

@arminunruh thank you!

I solved it with

.lay-imagehover-on-element.transition {
transition: opacity 8000ms ease !important;
}

@Richard Hi Richard, i think there is no .lay-image-responsive.setsizes.h100.loaded in the actual version of imagehover.
Can u help me please?

It works but there’s still something wrong: when the overlay button is opened and closed, the marquee shifts and duplicates into multiple rows. In my case, I have a marquee that spans the entire width of the screen, positioned at the bottom and centered.

Dear Armin,

I’m writing to ask on which selector I should target to adjust the animation speed of the image hover behavior.

I’ve created a menu using the overlay function, where the menu items trigger the appearance of images as a right background. However, I’ve been unable to identify the correct selector to modify the animation speed for this behavior.

Could you kindly point me in the right direction? I don’t need instructions on how to write the code, but rather where to apply it. I can't find the CSS with the inspector.

Additionally, I’d like to suggest implementing a user-friendly option in the admin panel to customize the animation duration. This would be a great improvement and a big step forward for ease of use.

Thank you very much for your time!

Best regards

Hi @arminunruh , do you plan to do it in the next few months?

@arminunruh I followed your instructions, and everything worked perfectly