Lay Theme Forum

hehe im glad it worked for you!

@arminunruh said in customizing image hover: Hello! can you try this? .lay-imagehover-on-element img, .lay-imagehover-on-element video { -webkit-mask-image: url('/wp-content/uploads/your-mask.png'); mask-image: url('/wp-content/uploads/your-mask.png'); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } in lay options -> custom css & html -> custom css the URL needs to be the correct url to your mask png which i guess can be a black/white png or grayscale, not sure theres no setting for this, but maybe this can lead you to the right direction have a good day thank youuuu, made a similar code with Claude - its looks neat thank you sm

Dear @likzou Can you post a link to your website? We will then have a look and inspect that! Many wishes! Marius

Dear @likzou Because LayTheme is written as a single-page Javascript application, some things work differently. To use other JS code, please follow the documentary: http://laytheme.com/documentation.html#custom-javascript Some effects might not work or need adjustment. Best! Marius

Dear @likzou Can you post a link to your website? We will then have a look and inspect that! Many wishes! Marius