fullscreen slider first slide
-
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 -
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
-
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 -
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 -
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
-
Okay thanks very much!
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it