bluegalaxy Posted April 9, 2020 Share Posted April 9, 2020 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 Link to comment
Solution tuanphan Posted April 10, 2020 Solution Share Posted April 10, 2020 Try inserting CSS to Home > Settings > Advanced > code Injection > Scroll down to bottom bluegalaxy 1 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
bluegalaxy Posted April 10, 2020 Author Share Posted April 10, 2020 That was it. I put this code in the section for lock-screen and it is solved. Thank you very much tuanphan! <style id="slide-styles" type="text/css"> .scrim{background-color: transparent!important; </style> Link to comment
KristenRuthSmith Posted May 19, 2021 Share Posted May 19, 2021 I don't understand what's being injected where to make this happen. (Also, how on earth is this not something we can just change without code!?) youmeandojai.squarespace.com Link to comment
tuanphan Posted May 19, 2021 Share Posted May 19, 2021 1 hour ago, KristenRuthSmith said: I don't understand what's being injected where to make this happen. (Also, how on earth is this not something we can just change without code!?) youmeandojai.squarespace.com What is your problem? 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
neilfossett Posted March 30, 2022 Share Posted March 30, 2022 In Advanced > Code Injection > Lock Screen <style> .sqs-slide-layer.full-width-height { background-color: rgba(0, 0, 0, 0.6) !important; } </style> Link to comment
benjaminmanley Posted August 1, 2022 Share Posted August 1, 2022 I just happened to come across this looking for a solution and this is what worked for me in 7.1. Just insert this into lock screen code injection area (Settings > Advanced > Code Injection) <!-- Remove background image overlay on lock screen --> <style> .scrim { background-color: rgba(0, 0, 0, 0) !important; } </style> hellostudiojohn and tuanphan 2 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