Custom CSS for disabling right click / not header code injection

Hi everyone,

So, I need a custom CSS code that makes it so no one can right click to download any of the photos on my website.

I was doing this with a header code injection when my website was a draft, but because I have personal plan, this isn't working any more. I do not want to upgrade to a business plan... I just don't need it. So I am super frustrated that Squarespace has made this a 'premium' feature. 

Is anyone able to help out here? I have a photography website so I want to try and protect my images. Yes, I know there are still workarounds. But this helps a lot.

Thanks in advance! 

You can try this approach if you need it:

22 hours ago, Ziggy said:

You can try this approach if you need it:

 

Hey, I saw this before, but it doesn't seem to work. Is there a specific way I should implement it? Right now I just put it in the Custom CSS section.

I've also got images with some click-through links, so it's not really ideal. Are there any other solutions?

On 3/9/2024 at 3:15 PM, catemiz said:

I've also got images with some click-through links, so it's not really ideal. Are there any other solutions?

No, it's certainly not ideal for links (if it were to work). 

There isn't a way to do this without code injection.

The only thing I can suggest is watermarks and small images to protect them, but that's not news to you.

On 3/8/2024 at 4:53 PM, catemiz said:

I do not want to upgrade to a business plan... I just don't need it.

If you need to disable right-click, or do need to put a copyright message up on right-click, then you do need it.