hi.

thanks for your reply.
i don‘t want to target the row — i want to target the arrows in order to apply the »filter: invert(100%)« code.
… like i managed for the header elements.

any hints?
would be great.

all best.
gregor

:)

THANK YOU!
I've looked through its but did not find it at first...

maybe try:

$blackRows.each(function(){ var rect = this.getBoundingClientRect(); var style = this.currentStyle || window.getComputedStyle(this); var marginBottom = parseInt(style.marginBottom, 0) if(rect.top - offset < 0 && rect.bottom + marginBottom - offset > 0){ $nav.addClass("white"); jQuery(".sitetitle img").attr("src", "https://alicjaboss.com/wp-content/uploads/2022/06/logo_hell.png"); return false; }else{ $nav.removeClass("white"); jQuery(".sitetitle img").attr("src", "https://alicjaboss.com/wp-content/uploads/2022/06/logo_dark.png"); } });

hi richard.

all good — thanks.
i just placed and styled the elements in Custom HTML at top.
… that worked.

best!
gregor

When positioning e.g. two images, or text and image, and change the x- and-y-coordinates so two elements overlap, I want to be in charge of what layer is above or beyond the other – did I make it clear? :)

@arminunruh thanks dude!!

@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