Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Actually sorry, here is a better solution I found by combining @tuanphan's solution with another post, to disable both right clicking AND drag and save: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function () { $("img").on("contextmenu",function(e){ return false; }); $("img").on("dragstart",function(e){ return false; }); }); </script> Again, this is for images ONLY. It seemed like a better option especially since I inspect elements and copy links so much using right click. If it's not clear, this should go in Settings-->Advanced-->Code Injection-->Header.
  2. I just found this guide by @tuanphan in a different post: https://beaverhero.com/squarespace-disable-right-click/. I used his header script injection to disable right clicks, but I specifically targeted images: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function () { $("img").on("contextmenu",function(e){ return false; }); }); </script>
  3. Sorry @aeperri, that's exactly right... I didn't include the Jquery library script because I had already loaded it for other purposes. I sometimes forget to add it to posts like this! I'm SO GLAD you were able to figure it out!
  4. Thanks @tuanphan, I adapted this for a more complex usage and it looks really great! I tried at first to put the html in the code block, the css in Custom CSS, and the script in Code Injections, but it only worked if I put all three within the code block the way you have it here.
  5. I basically just did exactly what you described in your email, @paul2009! Except I put the code in a code block in the footer. <div id="quick-exit"> <h4>QUICK EXIT: </h4> <p>Tap this bar at any time to immediately close this page and check the weather.</p> </div> Custom CSS: #quick-exit { position:fixed; top:0; left:0; z-index:9999; background:#8ae5e2; width:100% !important; padding:16px; text-align:center; } #quick-exit h4 {margin:0 !important;} #quick-exit p {margin:0.2em 0 0 0 !important;} Code Injection: <script> $(document).ready(function(){ $("#quick-exit").on("click", function() { window.open("http://weather.com", "_newtab"); window.location.replace('http://google.com'); }); }); </script> It works perfectly!! Exactly the functionality I wanted! Here it is in action if anyone wants to see: usafv.squarespace.com (password: Alaska). Thanks again @creedon and @paul2009 for all your help with this. I know my client will be so pleased to have this safety feature for those she serves.
  6. Ok super helpful, thanks!! It might just be easier to make my own bar. I'm a little scared of MO... Slightly out of my league and afraid I'll mess it up!
  7. Thanks for this @creedon! I tried the code you sent and it seems to work in admin mode only. But only part of it works: it opens a new tab with the weather, but doesn't redirect the current tab to google. My plan with the announcement bar was just to hide the X so no one could close out of it. 🙂
  8. Hi @paul2009, thanks for your comments that led me to this thread. I read the CSS tricks article and am trying to implement their solution in a simple way using the Squarespace announcement bar to 1. open a new tab and 2. close the current window on click. I added the code and it seems simple enough, but it's not working: <script> $(".sqs-announcement-bar").on("click", function() { window.open("http://weather.com", "_newtab"); window.location.replace('http://google.com'); }); </script> Nothing happens when you click the announcement bar. I also tried .sqs-announcement-bar-content and .sqs-announcement-bar-url (both with and without a url added in the normal announcement bar settings). Thoughts? Site url:https://usafv.squarespace.com/ Password: Alaska
  9. Thanks so much for this reply @creedon, I'm just seeing it now. This is super helpful! I will play around with these options. I thought of exactly what you mentioned about history tracking... the "quick exit button" seems like a pretty shaky solution if the url is in their recent browsing history! Is there a link I could put in the announcement bar that opens the website in an incognito window, to have people click that before they even start browsing? I've never tried that or researched that before. But even in that case, they would have already opened the website in their standard browser to begin and therefore it would still be in their browsing history. It's a sad situation to think about... this project gets heavy at times!
  10. I have a unique need as I build a site for a shelter for abuse victims. They want their site to have a "quick exit button" which a person can click at any time if an abuser walks into the room to quickly exit the site (probably leading to Google). But the shelter is also in a remote area with slow internet, so there is going to be a 2-5 second delay or more while the page redirects. I'm trying to come up with a solution that would instantly turn the whole page blank/white on button click to hide it while the site redirects. Any ideas out there? Here is an example of the kind of "quick exit button" my client wants: https://www.safv.org/
  11. The css parameter {scroll-behavior:smooth} only works in Chrome, not Safari. To get smooth scrolling in Safari you have to insert one of the scripts others have mentioned in this thread in Settings-->Advanced-->Code Injection.
  12. If the color that you want as an overlay is the background color of that section, just change the opacity of the slideshow by posting the following into Custom CSS, and the background color will show through: .gallery-fullscreen-slideshow-wrapper {opacity:0.6;} Easily change the background color by choosing it in the Colors settings for that section. This is for a full-bleed slideshow only, but I assume that's what you're using if you want an overlay.
  13. I totally agree with this and I've told Squarespace support the same thing at least once! 7.1 feels like Squarespace for beginners who don't know what to do with all the customization options, Brine and York templates feel like the freedom that "Wizards" need to work our magic. I'll be heartbroken if they get rid of 7.0 and we are confined to 7.1.
  14. Is it possible to share the url of the page where you have the video block added? This would help me figure out what you're doing wrong. Alternatively, I actually wrote a blog post with step-by-step instructions that might help you troubleshoot! https://inscapewebdesign.com/free-squarespace-hacks/embed-a-youtube-channel-or-playlist-in-squarespace
  • Create New...