kimmydesign Posted September 7 Share Posted September 7 Is there a way to make each card a button and not have the button at the bottom? Link to comment
Solution Ziggy Posted September 8 Solution Share Posted September 8 Try this solution: https://sf.digital/squarespace-solutions/make-squarespace-list-items-clickable Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
kimmydesign Posted September 10 Author Share Posted September 10 YES!!! Thank you!! Ziggy 1 Link to comment
kimmydesign Posted September 15 Author Share Posted September 15 (edited) hi @Ziggy so it's not working. I have set the link to the button and then hide the button. The button link works fine, but when I hide it the link doesn't work. it's sending me to an undefined page. It sends me to an error page. Here is the page: https://del-marcos-hotel.squarespace.com/ Edited September 15 by kimmydesign Link to comment
kimmydesign Posted September 15 Author Share Posted September 15 Ah, I figured it out. You don't hide the link but erase everything in the link title section. Link to comment
kimmydesign Posted September 20 Author Share Posted September 20 Actually I do need help. So I can't just have no text as the button because it fails the WAVE accessibilities compliance. I need code that hides the button link. Right now when I turn the button off it takes me to an undefined page. Help please! Link to comment
kimmydesign Posted September 20 Author Share Posted September 20 This is how the report says it's failing Link to comment
kimmydesign Posted September 20 Author Share Posted September 20 Figured it out using this code: li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment