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

Inscape

Circle Member
  • Posts

    62
  • Joined

  • Last visited

Everything posted by Inscape

  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
  15. I inserted this script and it worked perfectly. Does anyone know why Squarewebsites recommends inserting it into specific pages rather than using the site-wide Code Injection? I'm using audio blocks on many pages and I'd rather save myself the hassle if its an option to inject it site-wide. His blog article says, "I didn't try if something another falls, so you may inject this (page or collection Advanced Tab) only on page with your Audio Blocks." But I wasn't sure what that meant.
  16. It worked! You are the only person in this whole thread who actually responded adequately to the problem of using the "Clickthrough URL" field in gallery image settings, and your solution totally works, as weird as it is! Thanks so much for solving a problem I've had for a long time! Helpful to know it works for the "Link Post Title to Source URL" feature too.
  17. In addition to @andreashirey1914's snippets above, this works for a form in lightbox mode in 7.0: .field.country {display: none;} Just make sure you don't have the Address set as a required field, or they won't be able to submit the form since there's no way for them to fill out the Country field.
  18. Do you have Ajax loading enabled in your Site Styles? That's a likely cause of behavior like that.
  19. Hi, this seems a little too easy, but I was just able to add a Youtube Channel, or at least a playlist within a channel, by simply pasting the url into a Squarespace video block. Here's what I did: 1. From the Youtube Channel, click "Play All" above your list of videos. 2. This creates a playlist in Youtube. Click Share and copy the playlist shareable URL. 3. Paste the URL into a Squarespace Video Block. Don't use Youtube's embed code, use the URL. For me, this is working perfectly. But I haven't tested yet/don't know whether it automatically adds new videos to this playlist as they're posted. I'll post an update when I find out whether or not it automatically adds new videos (once my client adds a new video). UPDATE 6/22/20: Ok, the solution I posted was really close but not quite because it continued to show the original most recent video in the playlist. You can see how this is written into the url: https://www.youtube.com/watch?v=Jha5eAMNTSg&list=UUwrA5BOmF6l_zA6QNeao11g However, if you go to your Youtube dashboard, click on your playlist from the side panel, and click the share button, it creates a share link for the playlist only, and this updates to display the most recent video whenever you add it. Yay! You can see that this url doesn't designate a specific video: https://www.youtube.com/playlist?list=UUwrA5BOmF6l_zA6QNeao11g. Attaching a screenshot of what this looks like in your Youtube dashboard so you can get the right link.
  20. I'm crying for joy... this is so easy!!!!
  21. @allisonstratton820 This is the only one that has worked for me on a Brine template so far! Thanks so much!
×
×
  • Create New...