cltexan

Site URL: https://www.artifactslux.com

I'm trying to figure out how to re-crop an image for mobile. In a portfolio page, I have a background image with the subject left justified in the composition. I love how it works in desktop mode. Unfortunately when switching to mobile mode, the subject is cropped out. If I go into the Projects settings page and crop the image for mobile, it obviously sucks in desktop. I have found some online tutorials for adjusting the size of images for mobile, but that's not exactly what I'm trying to do. Also, none of those tutorials are dealing with the Project page format.

Any suggestions would be appreciated. Thanks!

@tuanphan... Worked like a charm!!! Now all I have to do is go read up on what that code you gave me is doing! Thanks so much!

Hi @tuanphan!

Thanks for the font size code. I will try that next. As for the original problem of spacing the logo/Title/body text, no, I haven't solved. When I increase the logo size, it overlaps with title and body text.

https://www.artifactslux.com

I need to increase the size of the body text as well.

Thanks @tuanphan

The site is https://www.artifactslux.com

I've injected this code, slightly modified from yours above... 

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

I'm struggling with this as well. From what I understand, there is no other way to edit these elements on a lock page other than using CSS. To use CSS on a lock page, you have to enter it via Code Injection in the "Lock Page" section. To get to Code Injection... Go to menu -  'Settings', 'Advanced', 'Code Injection'.

As far as the right code to enter, well good luck to you. I'm still trying to figure out how to enlarge my logo without overlapping the 'Headline'.

Sooooooooo frustrating. Lol

I'm struggling with this right now. I tried this code and couldn't get it to work. The logo is bigger, but overlapping the headline. I inserted the full code, including the .sqs-slice-body part that should fix this problem, but it doesn't seem to change anything.

Almost a year from the original post and this is still an issue, huh? Maybe Squarespace just can't figure this problem out?

@tuanphan, if you could help me with the code to increase my logo size, it would be SOOOOOO appreciated?!

https://www.artifactslux.com