Customising cursors on slider

Design help General
1

Before I buy a hosting plan I’d like to see if a couple of design features are possible (preferably without custom code)

I’d like to create a slider with custom cursor left and right arrows
…as far as I can tell, the only customisation to the cursors are limited to the 30 or so standard options.

2

In general, on any CMS/Builder/Theme/JS Slider you won’t find custom png/jpeg/SVG cursor as an option (This is a very specific task).

how to (less than 1 minute):

  1. Add small image to webflow (less than 128px)

  2. Designer → Left menu (Go to assets (J shortcut) )
    image

  3. select the image and click on the GEAR icon
    image

  4. Open image
    image

  5. Copy image URL

    image
    image847×302 11.1 KB

  6. Custom code (before head) Paste this url ():

<style>
.custom {
  cursor: url(paste-her-the-url-from-step-5.png), auto;
}
</style>

image
image698×281 25.1 KB

  1. Webflow tree - add class named .custom to element X. Publish the site and test the live url.
    image

summary

This is not why you should decide webflow yes/no.
Start your site then add a read-only link and webflow forum members will guide you (Very easy issue).

DOCS

1 Like
3

thank you so much
I knew somehow it would be possible - webflow is so well thought through!

1 Like