In order to change the text selection color, create the Code widget. Double-click on it and insert the following code into its CSS section (removing all the rest):
body, html { cursor: url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto; }
Click Save & Close, and voila: now an external image is your custom cursor for the whole website. You should be able to see a dummy finger pointer cursor referenced in the code. Let’s proceed to replace it with your custom cursor.
The image you want to use has to be hosted somewhere outside of Readymag and have a URL that can be used in code.
The easiest way is to upload it to Dropbox. You’ll get a link that looks like this:
https://www.dropbox.com/s/gvc4fp2uvi8llgj/rmlogo.png?dl=0
Copy it, and replace dl=0 with raw=1. You’ll get:
https://www.dropbox.com/s/gvc4fp2uvi8llgj/rmlogo.png?raw=1
Now, a Dropbox image can be used anywhere, let’s replace the image URL in our code:
body, html { cursor: url(https://www.dropbox.com/s/gvc4fp2uvi8llgj/rmlogo.png?raw=1), auto; }