PEARLERwork Posted June 22, 2022 Share Posted June 22, 2022 Site URL: https://purposecon.squarespace.com/?password=pearler I'm trying to style and reposition the floating cart. Any ideas? My codes don't seem to work: .floating-cart { top: 20px !important; right: 20px !important; } It also doesn't seem to appear on non-shop related pages? 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ Link to comment
Beyondspace Posted June 22, 2022 Share Posted June 22, 2022 1 hour ago, pearler1570048501 said: Site URL: https://purposecon.squarespace.com/?password=pearler I'm trying to style and reposition the floating cart. Any ideas? My codes don't seem to work: .floating-cart { top: 20px !important; right: 20px !important; } It also doesn't seem to appear on non-shop related pages? Can you share the direct link to this page? I can not find it on your above link tuanphan 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
tuanphan Posted June 22, 2022 Share Posted June 22, 2022 3 hours ago, pearler1570048501 said: Site URL: https://purposecon.squarespace.com/?password=pearler I'm trying to style and reposition the floating cart. Any ideas? My codes don't seem to work: .floating-cart { top: 20px !important; right: 20px !important; } It also doesn't seem to appear on non-shop related pages? It has already right: 20px, so you need to use this code only .floating-cart { top: 20px !important; } (I added !important) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
PEARLERwork Posted June 24, 2022 Author Share Posted June 24, 2022 Thanks very much. Do you know why it's not appearing on other pages? @tuanphan / @bangank36 The page is https://purposecon.squarespace.com/shop Pass: pearler For positioning, this fixed it: .floating-cart { top: 20px !important; bottom: auto !important; } 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ Link to comment
Solution tuanphan Posted June 24, 2022 Solution Share Posted June 24, 2022 Other pages, has this code .floating-cart.hidden { display: none; } Add this CSS to override it .floating-cart.hidden { display: block !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
PEARLERwork Posted June 28, 2022 Author Share Posted June 28, 2022 @tuanphan Awesome, thank you 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ 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