Lay Theme Forum

Hi, I was curious if it is possible to use images within the webgl background without stretching them?

(e.g. landscape and vertical mixed - as of right now it is only possible to have them in fullscreen width and height. is it possible to use them without getting cropped if they don't match screen ratio?)

Thanks and best,
Johannes

@arminunruh thank you! guess css even better and faster

Hey people, I was wondering, if there is a way to use the css which laythemes generate for the grid to actually have e.g. an svg repeating as a background image, but aligned with the columns?

I managed to get accomplish the grid, but my only struggle is to align it with the css values for the columns from laytheme? maybe someone can propose which values to use for the calc css parameter?

Thanks and best.

anyone with similar problem:
the solution is to give each carousel an id and then you can target the caption with the help of the id in jquery for example:

jQuery(document).on("mouseenter", "#carousel-id", function(event) {
	jQuery("#carousel-id .lay-carousel-sink-parent").animate({ opacity: 1 }, 1000);
});
jQuery(document).on("mouseleave", "#carousel-id", function(event) {
jQuery("#carousel-id .lay-carousel-sink-parent").animate({ opacity: 0 }, 1000);
});

hey,
i was wondering if it is possible to have multiple carousels on one page while displaying their caption on hover?
(because of using the .lay-carousel-sink-parent class with jquery it fades in all at the same time)

eventually there is a selector to target the captions of each carousel?

thanks in advance,
johannes

edit: it is possible to achieve by adding a custom class to the carousel and then use this custom class to target the captions for each carousel