Make Lock Screen Logo Bigger on 7.1

9 hours ago, panster said:

@tuanphan Thanks the css code works!

But, now the heading on the lock screen overlaps the logo. How do I increase the padding between the logo and Heading?

Any help would be greatly appreciated!

<style>
  .sqs-slice-image img {
    max-height: 150px !important;
}
  .sqs-slice-body {
    margin-top: 100px !important;
}
</style>

Add this to Home > Settings > Advanced > code Injection > Lock Page

<style>
  .sqs-slice-image img {
    max-height: 150px !important;
}
</style>

@tuanphan Thanks the css code works!

But, now the heading on the lock screen overlaps the logo. How do I increase the padding between the logo and Heading?

Any help would be greatly appreciated!

On 5/17/2020 at 6:09 AM, tuanphan said:

<style>
  .sqs-slice-image img {
    max-height: 150px !important;
}
  .sqs-slice-body {
    margin-top: 100px !important;
}
</style>

 

Thank you, @tuanphan that worked beautifully! I sincerely appreciate your helpful tips!

...I am having this issue also, but I can't find how to access the page code injection for the lock page, so I don't know where to put this helpful code from @tuanphan. Can anyone help with this? Feels like a silly question...

2 hours ago, TCM said:

...I am having this issue also, but I can't find how to access the page code injection for the lock page, so I don't know where to put this helpful code from @tuanphan. Can anyone help with this? Feels like a silly question...

Home > Settings > Advanced > Code Injection > Scroll down to bottom