@Richard
thank you! i tried to change a png-title on mouseover. now i figured out a CSS solution working fine:

.sitetitle:hover {
content:
url("https://www.mypage.de/wp-content/uploads/2022/logo_v2.png");width:16vw;
}

no sorry theres no way to do that! :/

hey paul, there needs to be a hard refresh for the plugin to work on that page.
sorry about that!
and the custom coding for a fade effect for when you have a hard refresh, sorry i dont have time for that :OO

@arminunruh said in Multilanguage:

qtranslate xt

thank you!

ok! that's a clear answer. Thank you for the quick response! :) all the best

Hi Marius,

Is it possible to do it now?

Best,
Camille

@Richard Thanks Richard. Took a bit of playing around but starting to get there. Your first suggestion referencing the Text formats was the key.
Still got some finessing to do but really pleased with how it's taking shape. Much appreciated. M
https://www.markevans.design/typography/

Dear @Warul-Kawa

Is this still an issue? When testing on Chrome, Safari & True Mobile:
Screen Shot 2022-06-01 at 1.10.47 PM.png Screen Shot 2022-06-01 at 1.12.25 PM.png Screen Shot 2022-06-01 at 1.12.47 PM.png

Best Richard

Dear @brogr

Thank you for the feedback it has been noted ✅

Feature suggestion: It would be nice to have another event exposed that runs once the carousel (or all addons) are initialized. That way we wouldn't have to rely on setTimeout to access swiper. In the case of Swiper, it could use https://swiperjs.com/swiper-api#event-init.

Have a great day 🌝 Richard

Dear @NAS

User @felix_rabe has replied via your other Thread:

http://laythemeforum.com:4567/topic/7897/create-2-colour-menu-bar-for-2-menus/2

Best Richard

Dear @Alina

Best wishes, i am testing the Arbeiten (work) anchor as well as the "back to start" button on both Chrome and Safari. All is working for me. Are you testing on a different Browser?

Best Richard

Thanks @bbbfg have a great day 👍

Dear @KingJut

Lay Theme uses the normal cursor like you have applied with the code above; cursor: url("source");

The Rolls Royce website uses a trick that has become widespread now. It's actually a div or html element that has javascript applied to it to mimic the cursor ( x and y axis position on screen ).

Within the code the native cursor has been removed:
Screen Shot 2022-05-27 at 9.51.15 AM.png

Normally when taking a screenshot the cursor would not be captured, this also helps us know its an HTML element:
Screen Shot 2022-05-27 at 9.51.08 AM.png

The Rolls Royce Cursor CSS:

.rrmc-cursor { display: block; top: 0px; transform: translate3d(688px, 323px, 0px); position: absolute; width: 46px; height: 46px; top: 0; left: 0; z-index: 6000; pointer-events: none; display: none; mix-blend-mode: difference;

It's using transform: translate3d('value'); but you could also use the CSS 'scale' or 'zoom' properties.

These links may help you add scaling or zoom to the default cursor but the problem lies with transitioning between the two. An interesting mention in one of these links is to use a gif to mimic the effect:

https://stackoverflow.com/questions/38767322/css-cursor-transition

https://css-tricks.com/almanac/properties/c/cursor/

https://stackoverflow.com/questions/33715491/how-to-reduce-the-size-of-image-with-cursor-url

https://www.digitalocean.com/community/tutorials/css-cursor-property

And this is a custom HTML cursor

https://www.freecodecamp.org/news/how-to-make-a-custom-mouse-cursor-with-css-and-javascript/

Best Richard

Dear @emgeoffice

Amazing! really happy to hear it worked, have a wonderful day and of course thank you as always for supporting Lay Theme ⭐️

sincerely Richard

Dear Lukas @gala

"EVERYTHING WORKS AGAIN - Thanks for the Help and Hints"

Amazing! ⭐️ thanks for the update and have a wonderful day!

Best Richard

Dear Simon @Simonabele

Sorry that i wont be able to go into custom coding deeper with you at the moment, but you are doing awesome 🌝

The class show must also be added to the correct image in the container as well, it also has an opacity:0.

You might also want to just work with the current code native to Lay Theme and stop it's remove class from the source.
( not really meant to suggest this but changing source code...)

best Richard

Thanks @spontans good luck! ⭐️

Thanks @bbbfg awesome 👍

Hi Richard,

thanks again for your reply - I'm not sure if your latest reply means that the problem should be fixed now, or not? You say you were able to recreate the bug in Chrome, but were you able to fix it as well?

I've just tried setting the "Give elements a max-width and max-height and center them" option to 80% to see what would happen and nothing seems to change : the images in the fullscreen slider stay fullscreen and don't get adjusted to 80% width / height. Do you think that has something to do with it the anchor issue? Or am I misunderstanding your suggestion? I've also tried with this setting switched off, the anchor issue persists.

The "Anchorscroll Space Top for Desktop" & "Anchorscroll Space Top for Phone" are both set to zero so that should not give any issues.

It would be great to get a clear overview of the most optimal settings to solve this bug in Chrome - thanks in advance!