Disable text selection (copy/paste)

Hello,
I just created a website and I would like to know how we can disable the text selection on any page of the website. I know this is not a very effective solution to prevent stealing but I just would like to discourage people from copying my text.
I saw that it’s possible with some custom code but I can’t figure out how to do it on my own (newbie here and never done this before :unamused: :grimacing: )
Thank in advance.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey

css solution:

.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

js/jquery solution:

try this

https://stackoverflow.com/questions/2310734/how-to-make-html-text-unselectable

Thank you for your reply Vish. But pardon my ignorance, where do I paste that exactly? :grimacing:

Sorry just saw this.This will be custom code.

tricky.can u be more specific on the portion.Would be always same and contain certain number of words or lines?

@Amelia to follow-up on @vish’s solution (this is a slightly different explanation, maybe a bit easier to follow if you aren’t experienced with webflow/CSS at all:

Hi there - I used a custom CSS version to disable the text selection for specific elements (tested with div blocks). Super simple:

Paste the code into the inside tag of your page if you want it to be applied to all of the elements that have the no-select class:

.no-select {
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
}
</style>

And then apply the following class to the object (e.g. div container) for which the user’s ability to select text should be disabled - it can be applied as a combo class as well - you will probably have to create it: no-select

As a result the option to select text shouldn’t be available for the according object.