arrows on mobile page & transition speed image hover

[stefanstraeter]

Hi there,

I need your help :)

Is it possible to add markers (e.g., arrows ) on the right and left of a mobile webpage to indicate which project is being displayed when scrolling?

Here ist the link:
https://stefanstraeter.com/projects/

How can I adjust the transition speed (fade) on the image hover effect? Would be nice to have a smoother transition.
https://stefanstraeter.com/projects/

Best regards,
Stefan

[arminunruh]

nice website

you have a class "hover"

usually, for seeing which text is currently active, there is a setting. i see you made it orange:

but the color you used in the texteditor overrides this setting:

better to use textformats instead of applying text styles in the editor. this way, the orange highlight color would work

just use the clear format button when you have your text selected

BUT yes you can use arrows:

https://developer.mozilla.org/en-US/docs/Web/CSS/::before
https://developer.mozilla.org/en-US/docs/Web/CSS/::after

probably sth like

a.hover:before{
content: '→';
}

a.hover:after{
content: '←';
}

in lay options → custom html & css

[arminunruh]