zooeythecat

@tuanphan - Thanks so much--this worked great on mobile. However, now on desktop, the right nav (Older Posts) has extra spacing on the right. Any idea how we can fix? https://mushroom-greyhound-d7ly.squarespace.com/recipes?offset=1724787188246

This isn't doing the trick for me. Any idea how to align the old and new blog post buttons, @tuanphan? https://mushroom-greyhound-d7ly.squarespace.com/recipes (pw: brimley) I do have some code to customize the buttons - maybe that is getting in the way?

I'm also having this flickering error, @tuanphan https://azalea-sturgeon-wjrm.squarespace.com Using this code /*------------------------------------ * CUSTOM CURSOR *------------------------------------*/ * { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b34a8321d52543b1e92ef1/1723026051726/NiviShaham_tomato_cursor_cursor.png), auto !important; } html, body { margin: 0; height: 100vh; cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b34a8321d52543b1e92ef1/1723026051726/NiviShaham_tomato_cursor_cursor.png), auto !important; } a:hover, .sqs-block-image-link:hover *, a:hover *, .form-item input:hover, .form-item textarea:hover, button:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b34aa2fabc99253956c582/1723026082699/NiviShaham_tomato_cursor_cursot_hover.png), auto !important; } .header-nav-item--active a { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } a:hover, .sqs-block-form .sqs-editable-button:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } .sqs-system-button { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } .sqs-system-button:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } textarea { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } textarea:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } input { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } input:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } a.header-nav-folder-title, a.header-nav-folder-item-content { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } .sqs-block-content { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } /*------------------------------------ * END CUSTOM CURSOR *------------------------------------*/

Also looking for a solve to this!

I am also having trouble with this, @tuanphan. Want to swap in SVGs for my PNGs. Either way, I am experiencing flickering and the cursor is not showing up on my galleries (on Motion/Food & Beverage/Motion). https://azalea-sturgeon-wjrm.squarespace.com/ pw: nivi2024 regular cursor: https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b3413a9fd81b050c799560/1723023674395/NiviShaham_tomato_cursor.svg on hover: https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b341bf2e561a79137970b8/1723023807429/NiviShaham_cursor_hover.svg Code I'm using: I know it seems like a lot, but I've had problems with the cursor showing up on contact forms / gallery blocks / newsletter submission buttons / etc. * { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } html, body { margin: 0; height: 100vh; cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } a:hover, .sqs-block-image-link:hover *, a:hover *, .form-item input:hover, .form-item textarea:hover, button:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } .header-nav-item--active a { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } a:hover, .sqs-block-form .sqs-editable-button:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } .sqs-system-button { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } .sqs-system-button:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } textarea { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } textarea:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } input { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } input:hover { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66a92a0403e6dd15a919b66c/1722362372905/NiviShaham_cursor_hover.png), auto !important; } a.header-nav-folder-title, a.header-nav-folder-item-content { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; } .sqs-block-content { cursor: url(https://static1.squarespace.com/static/6686b8d5505f8921d3eee3ba/t/66b093de2a9f552c1235fb00/1722848222986/_cursor.png), auto !important; }

@tuanphan Hero! Thank you so much--worked like a charm!

Hi @tuanphan! I updated to use this ID, but, unfortunately, it's still not working. Any ideas?

I do - working on a different site now! I can get the footer section to hide (it's the 4th footer section), but the Credits block doesn't trigger the opening. https://mushroom-greyhound-d7ly.squarespace.com (pw: brimley)

So frustrated with myself because I'm trying to do this for another site and followed the original steps, changing the DIV and adding the CLOSE code block, but something isn't working. any idea what's going on @tuanphan? https://azalea-sturgeon-wjrm.squarespace.com/ (pw: nivi2024)

Interesting, @tuanphan! Is there a way to make the transition a bit smoother? Testing this out here: https://azalea-sturgeon-wjrm.squarespace.com pw: nivi2024

Thanks so much! I had to change the nth-child to (4) - but that did the trick. Thanks so much! Such a fun little trick 🙂

I am also trying to achieve this, but am having some trouble! Appreciate your help :) site: https://reed-cello-jl2j.squarespace.com/ pw: beginanyhow created the site credit text in the footer, added the close code block, but still stuck. what should the #div link to in the code injection footer bit of the code?