Black to white custom arrows: Fullscreen slider

[mike]

Hello

I am using custom arrows on the fullscreen slider addon. I wondered if it is possible to set different custom arrows depending on which row is visible? This would allow me to switch from a black arrow to a white arrow when the image in the row is dark. I already have the site title and menu text working in this way.

Many thanks for your help

M

[mariusjopen]

Dear @mike
that is not really possible. Except you do this with the CUSTOM CSS, HTML and maybe jQUERY.

Best!

Marius

[mike]

Ok thanks Marius. I will use a grey arrow!

[mariusjopen]

Dear @mike
thats a solution :-)

Best!

Marius

[nuotio]

Hi! Old post but I'm facing a similar challenge. I'm using a full-screen slider and have slides with light and dark backgrounds. I'd love to have an alternative negative cursor for the dark slides as it's possible on the carousel addon. Could you offer any more guidance on how to target the arrows with CSS for example? Is it possible for example to set a custom css class to a row and then change the arrows according to that row/slide? Thanks a lot in advance!

[arminunruh]

this is difficult to do for someone with no experience with html and css

as you can see this div either has a html class of "up" or "down"
there is css for the cursor that is used:

html.fp-enabled .grid.down {
    cursor: url(http://localhost:10020/wp-content/uploads/2024/11/pointinghand.svg) 16 16, pointer;
}

and the body has a class of fp-viewing-x :

probably you'd do sth like

html.fp-enabled body.fp-viewing-5.id-123 .grid.down {
    cursor: url(http://localhost:10020/wp-content/uploads/2024/11/pointinghand.svg) 16 16, pointer;
}

with id being the id of your project, pf-viewing-x where x must be the number that is shown there when your slide is active.
and the url part being the dark down cursor.

probably with horizontal slider its left and right or sth like that. instead of up and down.

google "how to use chrome inspector"