Search the Community

Hi everyone! I'm trying to increase the logo size on the lock screen but since I only have a "personal" subscription, I cannot add or change code in <settings, advanced, code injection>, since this is a Premium feature. Is there a code that I can add to Custom CSS to increase the size of the logo? Thanks Jenn

Hi, I’d like to know if there is a way to add live links to the Lock Screen. I’d like the users to have access to the menu as with other pages. I’d also like to know how to add basic footer information like copyright etc.. we should be able to have more functionality

Hi, I have to have a privacy policy and imprint on my lock screen for legal reasons. Ideally, I would like to be able to put a link to a web page with the privacy policy and imprint on the lock screen. Is that possible? Thanks, Nicolas

Site URL: https://www.starrysummers.com/ Has anyone found a solution to override the default gray color that overlays on a lock-screen image? I've tried to override it CSS but can't get anything to work, and there is no option right now style settings for lock-screen image overlays, unlike other areas where a background image has a property to set from 0-100 opacity for an overlay, you can't do that for the lock-screen image. Thanks in advance for any suggestions on this issue. CV

Hi, I would like to show a full bleed video on the lock-screen. On pages i'm able to upload the video to squarespace and it works the way i want it to be. with text on top of the video when showing a video on the lockscreen that i had to upload to vimeo/youtube, it does not show full bleed , the password box is showing below the video. is there a way to do this, can anyone share the custom code ? I used this code for code injection, which displays the video but not full bleed <div class="plyr__video-wrapper"><video autoplay="" loop="" muted="" playsinline=""><source src="https://video.squarespace-cdn.com/content/v1/6161e6a92b253b6eddc1d2c0/94314c70-2583-40d1-acd5-b91b44889c9d/mp4-h264-1080:1080" provider="html5" size="1080"><source src="https://video.squarespace-cdn.com/content/v1/6161e6a92b253b6eddc1d2c0/94314c70-2583-40d1-acd5-b91b44889c9d/mp4-h264-360:360" provider="html5" size="360"></video><div class="plyr__poster" hidden=""></div></div> thank you for you kind help, appreciated! 🙂 URL is www.fio.re according to squarespace this is not a valid URL when submitting to the forum, i did configure the domain succesfully ....

Site URL: https://nwgga.com/ Nwgga.com > Members Portal is set as a password protected page but when I click it, it is just a blank white page. When I try to edit in Design>Lock Screen it says "There are no tweaks available for the selection."

Site URL: https://www.konsulentoppdrag.no/annonsering COUNTDOWN TIMER: So I'm using this script: <style>#countdown{color:#f5f2ec;display:inline-block;text-align:center;font-size:1.0rem} #countdown>div{padding:5px; background:#F2BA40; display:inline-block} #countdown div>span{padding:5px; display:inline-block} </style><center><div id="countdown"><div><span class="days" id="day"></span><div class="text">D:</div></div><div><span class="hours" id="hour"></span><div class="text">T:</div></div><div><span class="minutes" id="minute"></span><div class="text">M:</div></div><div><span class="seconds" id="second"></span><div class="text">S:</div></div></div><p id="timer"></p></center><script>var deadline=new Date("June 1,2022 12:00:00").getTime();var x=setInterval(function(){var now=new Date().getTime();var t=deadline-now;var days=Math.floor(t/(1000*60*60*24));var hours=Math.floor((t%(1000*60*60*24))/(1000*60*60));var minutes=Math.floor((t%(1000*60*60))/(1000*60));var seconds=Math.floor((t%(1000*60))/1000);document.getElementById("day").innerHTML=days;document.getElementById("hour").innerHTML=hours;document.getElementById("minute").innerHTML=minutes;document.getElementById("second").innerHTML=seconds;if(t<0){clearInterval(x);document.getElementById("timer").innerHTML="TIME UP";document.getElementById("day").innerHTML='0';document.getElementById("hour").innerHTML='0';document.getElementById("minute").innerHTML='0';document.getElementById("second").innerHTML='0'}},1000);</script> 1. I want the numerics to the bottom and text to the top? 2. Also make the block 100%transparent?

Site URL: https://www.triadcoachingconnection.org

Site URL: https://www.laboratoryartscollective.com/about Is it possible to add a countdown timer to a website's lock screen or cover page? My client would like a dramatic countdown-to-launch landing page set as the home page for 7 days before website launch / a virtual launch party. I have code for a basic free countdown ticker, I just have no clue where/how to implement it, if it's at all even possible. Thanks in advance for any help!

Site URL: https://carrot-buttercup-bcwm.squarespace.com/ I'm trying to change default text color from gray to yellow but it's not working.. There is web page: https://carrot-buttercup-bcwm.squarespace.com/

Site URL: https://www.bodyandbraincoaching.co.uk/ Hi, Do you know how I can change the colour of the grey outline around the password box? This is on my lock screen. Thanks!

Site URL: https://www.sundogbread.com/preorder Hi! Is there a way to schedule the lock screen turn on or off at a specific time?

Just wondering why there is less design capability on version 7.1 lock-screen pages? In 7.0 we have no problem adjusting typography, color-overlays, opacity etc. on lock-screen pages. Thanks -

Site URL: http://www.chairs.works/ Hello! I would like to remove a low opacity overlay from my lockscreen in version 7.1 I don't know if its because it was for 7.0 or what, but I tried a method I found before and it didn't work. Also, when the site loads the password field is automatically selected, which causes a white rectangular outline to appear around it. I would like to remove this or make the outline black. I don't think you'll need the site password, but if you do it is: chairchair All help is greatly appreciated!

Site URL: http://www.sagradomexico.com How can I make my lock screen image fill the page without cropping or stretching? I have tried uploading the image in SO many file sizes and they all show up the same. My image is cropped and I cant figure it out. I assume I need to inject some CSS into my advanced settings in the lock screen portion but how do I target this . Please help !!! tia

Site URL: https://rabbit-chicory-xrs6.squarespace.com/members-area Hi there, I am having trouble customising my lock-screen page header? I know this can be possible with code but mines not working? it is just repeating the code onto the page. I have put this code under advanced > lock page custom code. @font-face { font-family: 'GOTHAM-BOLD'; src: url('https://static1.squarespace.com/static/608529d621b1a36a5f9c66a8/t/6086d637ebfd137429a0f51f/1619449400124/Gotham-Bold.otf'); } Any ideas? Thanks, Nicole

Site URL: http://www.ericsnoza.com @paul2009 provided the perfect solution to an issue of guiding viewers of my site to a "mobile" version based on the screen size. A brilliant solution that worked perfectly. <script> if (document.documentElement.clientWidth <720) { window.location = "/mobile/home"; } </script> My query is that I would also like to account for screen rotation, so that if they come to my site and are guided to the mobile (portrait) version, and then rotate their screen, the page will change/reload to the standard (landscape) version of my site - and vise versa - while they are in landscape and rotate to portrait, it would revert to the mobile version. Let me know if I can provide any additional information to help. Thanks!

Hello all, maybe someone can help me with this: Is it possible with 7.1 that the promotion pop up only disappears when the user has subscribed via email. Something like a lock page. That the user only gets access to a page if he has subscribed via email. Thanks for you help. Best, Dake

Site URL: https://www.henrydrago.com/ Using 7.1 and I'm looking to either remove the white outline from the password box completely or just recolor it. The outline only appears when you click to enter the password. (image for reference) Site password is drago2020 if needed. Any help would be much appreciated! Thanks! Henry

Site URL: https://www.afzoelle.com/extra-af I recently switched over to 7.1 and I can't seem to find a way to make the logo on my lock screen bigger. It defaults to smaller than the lock, which isn't helpful at all. I'm assuming I need to add code to the Lock Page Code Injection to make that happen, but I'm not sure what. Any advice would be greatly appreciated. Thank you!

Site URL: http://www.dianeandgaultier.com Hi everybody! Is there a way to add a SUBMIT/ENTER button on the lock screen, below the password field? I couldn't find anything online. Thank you in advance. Nicola

Is it possible to have multiple lock screens to use on different pages?

Site URL: https://crocodile-triangle-2k6t.squarespace.com/ Hi, I've managed to follow some lock screen code injection to add my brand fonts & increase the size of my logo, plus add space between the logo and the body text, however I can't figure out the coding to move the Headline text down so it does not overlap the logo. Screen snip attached. I tried: <style> .sqs-slice-headline { margin-top: 250px !important; } </style> But it doesn't work. Any pointers? Cheers Belinda

Site URL: http://fashioncurator.com I am trying to figure out the lock screen on 7.1. It is causing issues to adjust the font style and spacing. I have the below set for code injection currently but this isn't completely correct. Ideally my logo would be a bit larger and set to on top of the "Summer 2020" text. Any way to customize the "Summer 2020" font? New to coding and Squarespace - Please help! <style> .sqs-slice-image img { max-height: 600px !important; } </style>

Site URL: http://encore-encore.co Hi, I am trying to add this text animation to the headline of the lock screen. Anyone knows how to target the right class and make it work? Link: https://codepen.io/barbuduweb/pen/YqVBWZ Thank you, Antoine