fullscreen slider first slide

[phil]

hey armin,

how can I adress the first row in the fullscreen slider in css? ist that even possible?
i want to change the first cursor, so that there is only a cursor down in the first image?

thanks
phil

[mariusjopen]

Hi Phil!

The number of the slide is a class in the body tag.

.fp-viewing-0 {
cursor:s-resize;
}

That should do the job ;-)

Best!

Marius

[phil]

thanks, marius!
does not work tough: the cursors property is overwritten. even with important stamp. any idea?

.fp-viewing-0 {
cursor:s-resize !important;
}

and how would it turn to the second picture, even with a click in the upper 50% of the image?

regards
phil

[phil]

i would work around this with

<script>
jQuery(document).on('click', '.fp-viewing-0', function(e){
e.preventDefault();
e.stopPropagation();
var sectionToScrollTo = 2
jQuery.fn.fullpage.moveTo(sectionToScrollTo);
});
</script>

but its overwritten when the "Slide on Page Click"-Option is activated.

best
phil

[mariusjopen]

Hi Phil,

i tested your solution and it works fine.

I think we cannot change it that the slide on page click overrides it.

I will make a not for future updates.

Until then you need to stick with one of the two solutions or find a third workaround.

All the best!

Marius

[phil]

Okay thanks very much!