Lock Screen Styles

Please fix this squarespace, I cant change my fonts, or font color or site, or logo size. I pay to much for this not to be fixed. 

49 minutes ago, bschneider12 said:

Please fix this squarespace

As I mentioned in my earlier post, Squarespace do not monitor this forum for requests or concerns. You can raise your concerns by contacting Customer Care.

I have the same problem as mentioned by others. I told customer service. They said they would pass it on to their design and engineering team but couldn't guarantee anything. I don't have the Business plan to use a code injection. I have to deal with the limited option they now offer. I don't want to be restricted to fonts they have chosen (for the lock screen) on my site. It makes no sense from a design or branding perspective.

Hi! Was able to solve most of my lock screen formatting issues based on this thread - thanks all! The only trouble I'm having is link formatting. Does anyone know the code for changing the color of a link within the body paragraph on the lock screen?

oraetlabora.wine

Thanks!

On 8/19/2022 at 4:24 AM, braevin said:

Hi! Was able to solve most of my lock screen formatting issues based on this thread - thanks all! The only trouble I'm having is link formatting. Does anyone know the code for changing the color of a link within the body paragraph on the lock screen?

oraetlabora.wine

Thanks!

Add to Settings > Advanced > Code Injection > Lock Screen

<style>
  a span {
    color: #5c5c4a !Important;
}
</style>

Hi @tuanphan wondering if you can please help here. A couple of things:

1. I used the code below to increase the logo size on the lock page. Is it possible to change the size on mobile and other screen sizes so it is responsive?

<style>

  .sqs-slice-image img, .sqs-slide-wrapper[data-slide-type="lock-screen"] [data-compound-type="logo"][data-slice-type="image"] {

    max-height: 120px !important;

}

</style>

2. The lock page font keeps changing to a different font. It appears normal as I am editing but comes up as a completely different font on the live page. I have not inserted any other code aside from the above, so not sure what the issue is. I removed the code and the font was still coming up strange.

URL: pawdsplaycare.com

Thank you for your help!

9 hours ago, maryyounglove said:

Hi @tuanphan wondering if you can please help here. A couple of things:

1. I used the code below to increase the logo size on the lock page. Is it possible to change the size on mobile and other screen sizes so it is responsive?

<style>

  .sqs-slice-image img, .sqs-slide-wrapper[data-slide-type="lock-screen"] [data-compound-type="logo"][data-slice-type="image"] {

    max-height: 120px !important;

}

</style>

 

2. The lock page font keeps changing to a different font. It appears normal as I am editing but comes up as a completely different font on the live page. I have not inserted any other code aside from the above, so not sure what the issue is. I removed the code and the font was still coming up strange.

 

URL: pawdsplaycare.com

 

Thank you for your help!

#1. Use some code like this

<style>
  .sqs-slice-image img, .sqs-slide-wrapper[data-slide-type="lock-screen"] [data-compound-type="logo"][data-slice-type="image"] {
    max-height: 120px !important;
}
  /* Mobile */
  @media screen and (max-width:767px) {
   .sqs-slice-image img, .sqs-slide-wrapper[data-slide-type="lock-screen"] [data-compound-type="logo"][data-slice-type="image"] {
    max-height: 60px !important;
}
  }
</style>

#2. Can you take a screenshot in edit mode - live page?

11 hours ago, tuanphan said:

#1. Use some code like this

<style>
  .sqs-slice-image img, .sqs-slide-wrapper[data-slide-type="lock-screen"] [data-compound-type="logo"][data-slice-type="image"] {
    max-height: 120px !important;
}
  /* Mobile */
  @media screen and (max-width:767px) {
   .sqs-slice-image img, .sqs-slide-wrapper[data-slide-type="lock-screen"] [data-compound-type="logo"][data-slice-type="image"] {
    max-height: 60px !important;
}
  }
</style>

#2. Can you take a screenshot in edit mode - live page?

Thank you for the code, I will try that out! Screenshot of the page in edit mode attached.

If I reset the page design it is fine, but as soon as I change one thing on the page the font changes. Very strange.

This has been happening to me, as well. All of my headers on the lock page return to Arial after I hit save. Very frustrating.

On 3/4/2021 at 5:59 PM, KristineNeilStudio said:

@tuanphan you're great for offering this although it still just seems like something that should just work as expected across the board. It's such a simple thing. Just make 7.1 lock screens the same as 7.0. That's it. That's the "update." 

its March 2023 and still the problem is yet to be solved.How can you design a web page when you don't have any style options, its bloody stupid. Square Space won't be getting my money.