click zones: theres no such thing, but we have buttons:
[image: 1764167613463-cdd9952d-f086-492d-a901-4bab28ed5b87-image.png]
and then use css like
.flickity-prev-next-button.next{
height: 100%;
width: 20%;
right: 0!important;
cursor: e-resize!important;
}
.flickity-prev-next-button.next svg{
display: none;
}
.flickity-prev-next-button.previous{
height: 100%;
width: 20%;
left: 0!important;
cursor: w-resize!important;
}
.flickity-prev-next-button.previous svg{
display: none;
}
in add this in:
lay options -> custom css & html -> custom css
i added the cursor css, cause when i think about it, this mouse cursor setting
[image: 1764167869088-03d81d14-2445-4a76-ba96-78a8aca23e03-image.png]
wont do anything cause when you have images that are links to a project, it wont show those mouse cursors but just a pointer instead, indicating that it is a clickable link
but with my css above, at least the prev / next areas will have cursors