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

Search the Community

Showing results for tags 'cursor'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 15 results

  1. Site URL: https://sarahbachmancreative.com Screen Recording 2020-09-22 at 2.25.48 PM.mov Hello all, I am trying to insert a collage of images that move as the cursor moves. These images would have direct click through links to different pages. I have attached the website to reference as an example, as well as a video clip (hopefully the clip works. Thank you!
  2. Site URL: https://lukaseriksen.com Hey guys, I'm currently creating my first website and I'm struggling to integrate a custom inverted cursor on to my site. I found this bit of code digging through another squarespace site, but it doesn't seem to be working on my site. I think the main problem is that "mix-blend-mode: difference" does not seem to be working. I would be super dooper grateful if anyone could help me out with installing this bit of code. My Website: lukaseriksen.com Here is the code I've found: <style> @media (hover: none) { .cursor {display:none !important; } } * { cursor: none; } .cursor { --size: 10px; height: var(--size); width: var(--size); border-radius: 50%; position: absolute; z-index: 99999999999; transform: translate(-50%, -50%); pointer-events: none; } .cursor.cursor-dot { background: #ffffff; /* This defines the color of the cursor */ mix-blend-mode: difference; /* Delete this line if you dont want the circle to invert */ transition: width .6s, height .6s, background-color .6s; transition-timing-function: ease-out; } .cursor-dot.active { --size: 50px; background-color: #ffffff; } </style> <script> $(window).mousemove(function(e) { $(".cursor").css({ left: e.pageX, top: e.pageY }) }); $(window).mousemove(function(e) { $("a") .on("mouseenter", function() { $('.cursor').addClass("active") }) }); $(window).mousemove(function(e) { $("a") .on("mouseleave", function() { $('.cursor').removeClass("active") }) }); </script>
  3. Hi, is it possible to implement this cursor to my Squarespace 7.1 site https://codepen.io/dumontmatteo/pen/bGpdjNV ? I have already tried to paste the three columns to my custom CSS, but it doesn't seem to work. My site is not yet published, so i'm unable to provide a link. Thank you
  4. This website has two elements that I really like and would like to mimic on my Squarespace site. The first is the animated lines that appear in the header when you hover over a link. The second is the animated cursor over the entire page. I'm trying to find the CSS for these things but am really struggling. Any ideas?
  5. Hi, I've used the carousel block gallery for my page, designed on Brine template. Even though the images have no links (clickthrough URL), the cursor changes to pointer on hover. I'd like to have the cursor to keep its default arrow mode, rather than changing to the hand pointer. Tried some codes I found online but they don't seem to work. The page is still private, but am hoping this image helps to illustrate the issue: Any help with custom CSS code to keep the cursor as an arrow would be hugely appreciated. Thanks!
  6. Site URL: https://jackshugruedesign.com/work Hi, I was wondering if anyone had a solution for this issue I am having in regards to my Work page using the SUHAMA template. My Work page is a "Hover: Follow Cursor" layout, and so when you hover your cursor over a particular project, a thumbnail of the project appears. I am trying to achieve a more dynamic look with these thumbnails, having them be different shapes and sizes, yet each thumbnail as of now has a light grey box background that I would like to get rid of and replace with a transparent background. I created my thumbnails using Adobe Illustrator, and exported each file with a transparent background as a PNG. Yet, when uploaded to Squarespace this transparency is replaced by the light grey box- which I think is the art-board or composition background that the work was created on, even though it was exported with a transparent background, as the sizes look to be the same. To be more precise, I was wondering if there was anyway to have the thumbnail image have a transparent background when you hover your cursor over the project name. Thanks!
  7. Hi everyone, I would like to customise my cursor on my all website and have this GIF instead : https://media0.giphy.com/media/1NRTjcHswoIzdGsUBx/source.gif I tried to update the CSS but nothing is happening. Could you please help me ? Thanks a lot. Florian
  8. Site URL: https://codepen.io/sarahwfox/pen/pNrYGb Hey all! I was wondering if it was possible to add custom cursors like this (see URL) to my website? I see some tutorials online for single images, but would something like this work as well? I haven’t done any JaavScript code injection into this squarespace website yet, and would be thankful for any tips and help! Thanks for your time!
  9. Site URL: https://reecedaniels.com Hello, I want a custom cursor for my website, really badly. But whenever I follow the instructions on other forums, or even if I straight up copy+paste someone's code, it just comes out like this: (see attached image). What's wrong with this? My code is: body, html { cursor: url(https://rs916.pbsrc.com/albums/ad9/sugarycandy/cursors/glitter.gif~c200), pointer; } Thank you! ~Reece
  10. Site URL: https://octagon-garlic-ejcr.squarespace.com/ Link : https://octagon-garlic-ejcr.squarespace.com/ Password : sonatine Hello friends, I'm almost done with my brand new website, but there are still a few things I would love to correct. 1/ So for each section, all the thumbnails (an actuall image gallery) are linked to my video projects. Problem is, people need to actually go to the video page to see the actual title. Is there a way I can make a hover effect on each thumnail pic so that when someone place the cursor on it, the title appears ? 2/ There's a slight issue with the spacing between thumbnails on the "fashion film" page. These are my main two issues before it's completed. I added two captures describing the two issues. Thanks a lot for your help, hopefully I can release my website pretty soon. Kinds regards
  11. I've successfully managed to use code injection in the header of my site to create a custom cursor (+ hover effect), but am wondering if there's anyway to now disable the custom cursor on the backend/edit mode. I think the cursor works great on the live site, but it's a bit cumbersome when actually editing the content, blog posts, etc. Any thoughts, or know if this is doable?
  12. Site URL: https://www.annafinocchiaro.com/event/dg570j6o0okxgjtglesujmvpfbk0ls Anyone have code to change cursor options in slideshow gallery for Beaumont template? I've attached a screenshot of my site (Anna Finocchiaro) with the unwanted cursors and another screenshot of an example of what I'm looking for.
  13. Site URL: https://mwejps3lrkma.squarespace.com Since adding an opacity effect to my Image Gallery Block image clickthrough links, the mouse cursor is going to the default arrow cursor as opposed to the hand/pointer . I've tried the following code to no avail; gallery-grid-item.has-clickthrough:hover { cursor:pointer !important; }
  14. I'm getting a syntax error message on line 15. #block-877a19ac084842a08f1b { background: #DEC1A6; opacity: 50%; padding: 20px; text-align: none; } #block-fb104f8c23dc8e2de3c0 { background: #DEC1A6; opacity: 50%; padding: 20px; text-align: none; } <style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/unicorn.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/unicorn.gif"), auto;}</style>
  15. hello, I am trying to change the cursor (pointer) to an image. i have attached the image I want to replace the cursor with. i cannot seem to find any custom code that will allow me to do so. for reference, my website is www.campingwithcamden.com thanks!
×
×
  • Create New...