Disable highlight and copy text - Dawn Theme

Solved

Disable highlight and copy text - Dawn Theme

midas8858
Excursionist
26 1 7

Hi,

 

I would like to disable highlight and copy text so prevent anyone from copying text I have on my website. Can someone help me with this please? I would really appreciate it. 

 

 

Thank you so much 🙂

Accepted Solution (1)

Ahsan_ANC
Shopify Partner
1409 254 326

This is an accepted solution.

Hi, @midas8858 

You can try this code


1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

 

body {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        
      }
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

View solution in original post

Replies 9 (9)

Ahsan_ANC
Shopify Partner
1409 254 326

This is an accepted solution.

Hi, @midas8858 

You can try this code


1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

 

body {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        
      }
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
midas8858
Excursionist
26 1 7

@Ahsan_ANC This worked perfectly! Thank you so much, I appreciate it! 🙂

vismithams
Visitor
3 0 0

It's worked. thank you Ahsan

Can you also provide code to disabled right click to save images and long press to save images on mobile devices?

 

sunnybedi990
Visitor
1 0 1

after body add this to your base.css for disabling the right click to save images
img {

pointer-events: none;

}

 

vismithams
Visitor
3 0 0

Worked. thank you again

mabroukdecor
Visitor
1 0 0

worked perfectly!! thank you

biglittlepet
Visitor
1 0 0

Hi, this didnt work for me. Any other suggestions?

MarielleDeParis
Visitor
1 0 0

Hi, That's a good point.!I was thinking about that too. would you do it on the theme setting or you have to do specifically everywhere you want it. Please let me know. thanks. Marielle.

vismithams
Visitor
3 0 0
Thank you

Either in theme settings or enable/disable everywhere.

Vivek