Sibylle_Zurich

March 16

16 hours ago, sorca_marian said:

Hi,

Sure.
You can adjust the font size

<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }

    .lock-screen p {
        font-size : 15px!important
    }
    
}  
</style>

Thank you so much. And how do I move the whole block a bit more down?

Thanks
Sibylle

March 15

17 hours ago, sorca_marian said:
To increase the heading size on mobile add the below code in the Page header code injection
<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }
    
}
</style>

Hi @sorca_marian
Thank you so much, this worked.

Can you also give me a code to adjust the size of the second smaller headline below? On my iPhone 12Pro the last word jumps into the next line. And I would like to have the whole content more down. (Headline, subheadline and password field)

Thank you
Sibylle

March 14

4 minutes ago, sorca_marian said:

Hi,

On which page?

On the password-protected Lock screen.

March 14

Hi there

I want to adjust the font sizes on the mobile view of my webpage:

https://www.elysia-living.ch/
PW: EL2024

Is it possible to make the claim "To infinity and beyond." a bit bigger and go to the next line with the second sentence of the subtext? Only for mobile.

Many thanks
Sibylle

tuanphan · February 29

Hi @tuanphan

I found the mistake! I just overwrote the vowels once more and now it is shown correctly.
Very grateful for your help!

Best
Sibylle

February 29

3 hours ago, tuanphan said:

Try this font face code to this

@font-face {
    font-family: 'Classico';
    src: url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d7096dd06f7d446b85ccba/1708591469756/ClassicoRegular.woff2') format('woff2');
    src:url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d709198ea47f6464ef17b0/1708591385270/ClassicoRegular.woff') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d7089b6743983e5a4e7519/1708591259927/ClassicoRegular.ttf') format('truetype'),/* Safari, Android, iOS */ url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65b8ca64a20cfe4c6473e639/1706609252306/Classico.otf') format('opentype');
}

Hi @tuanphan
What is the difference? The codes seem identically to me.
I tried to insert yours but still wrong in Safari 😞

Here is the code that is inserted now:

/* font new */
@font-face {
font-family: 'Classico';
src: url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d7096dd06f7d446b85ccba/1708591469756/ClassicoRegular.woff2') format('woff2');
src:url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d709198ea47f6464ef17b0/1708591385270/ClassicoRegular.woff') format('woff'),/* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d7089b6743983e5a4e7519/1708591259927/ClassicoRegular.ttf') format('truetype'),/* Safari, Android, iOS */ url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65b8ca64a20cfe4c6473e639/1706609252306/Classico.otf') format('opentype');
}

/* Apply the font to heading elements */
h1, h2, h3, h4 {
font-family: 'Classico';
letter-spacing: 0em;
font-weight: 500;
}

Thanks
Sibylle

February 26

On 2/24/2024 at 8:11 AM, tuanphan said:

Have you tried declaring all font format into one code yet? something like this

Hi @tuanphan. I tried now to insert the following code, but still not showing correct in Safari. This is my code:

/* font new */
@font-face {
font-family: 'Classico';
src: url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d7096dd06f7d446b85ccba/1708591469756/ClassicoRegular.woff2') format('woff2'),

/* Modern Browsers */
url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d709198ea47f6464ef17b0/1708591385270/ClassicoRegular.woff') format('woff'),

/* Pretty Modern Browsers */
url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65d7089b6743983e5a4e7519/1708591259927/ClassicoRegular.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://static1.squarespace.com/static/65b8c951444ba3568c38a245/t/65b8ca64a20cfe4c6473e639/1706609252306/Classico.otf') format('opentype');
}

/* Apply the font to heading elements */
h1, h2, h3, h4 {
font-family: 'Classico';
letter-spacing: 0em;
font-weight: 500;
}

Thank you for your help!
Sibylle

February 22

Hi @tuanphan
Yes, I do have. I already tried .woff, but the problem was still the same.
Now I also tried .ttf and .woff2 as well, but nothing changed. Still wrong on Safari.

At the moment .woff2 is used.

Thank you
Sibylle

February 20

Hello there
Could please anyone help me with an issue of vowels (Umlaute in German) on my website?
They are displayed correctly on all browsers except Safari. See the image attached.

https://www.elysia-living.ch/
PW: EL2024

Many thanks
Sibylle

February 15

3 hours ago, tuanphan said:

Can you share your site url?

So sorry, I forgot:

https://www.elysia-living.ch/
PW: EL2024

Thank you!
Sibylle

February 15

Hi @iamdavehart
Could you please help me as well with an issue of vowels (Umlaute in German) on my website?
They are displayed correctly on all browsers except Safari. See image attached.

https://www.elysia-living.ch/
PW: EL2024

Many thanks
Sibylle

February 13

Hello

I would like to customise my subtitle font on the lock screen.
With the following code, I was able to customise all fonts (Slogan and subtitle). The quote "Ein Statement zeitloser Eleganz. Eine Mansion der Extraklasse. " should remain in the normal system font LATO. How can I adjust the code?

Thank you and best regards
Sibylle

February 13

9 minutes ago, Ziggy said:

That's plausible, though disappointing.

Thank you anyways for your help!
Do you have an idea why the lock-page loads this slowly?

February 13

2 hours ago, Sibylle_Zurich said:

@Ziggy ok thanks. Do you think the problem could be that I don't have a paid version of Vimeo?
However, it does not work with other videos either...

I found this forum entry and it seems the issue is existing for years already:

February 13

3 minutes ago, Ziggy said:

I hear you, but there's not much that I can suggest, the lock page especially has very little control, apart from image size there's not you can control in terms of loading.

@Ziggy ok thanks. Do you think the problem could be that I don't have a paid version of Vimeo?
However, it does not work with other videos either...

Ziggy · February 13

8 minutes ago, Ziggy said:

It does appear to be a problem on the lock page, no matter what video I try.

It's worth reporting this to Squarespace Support:
https://support.squarespace.com/hc/en-us/requests/new#choose-topic

@Ziggy I already reported it and did not get any reply from Squarespace. It is a very big problem as the client paid a lot of money for this video and it is the first impression for the potential buyer of this villa 😞 What else can I do?
Do you also have an idea why the lock-page loads this slowly?

Thank you
Sibylle

February 13

3 hours ago, Ziggy said:

I feel like it works okay on my test site:

https://quillfish-tangerine-4c2a.squarespace.com/

PW: testing

(excuse the site, it's a hodge-podge of testing and all needs deleting!)

Thank you @Ziggy. Can you please try to implement it on the background of the lock-screen?
All the other videos embedded normally on the page work well. I only have the problem on the password protected page.

Thank you very much!
Sibylle

February 12

5 hours ago, Ziggy said:

I can't actually embed the video from Vimeo as it's on a basic Vimeo account.

Hi @Ziggy, it works for me even though I don't have a subscription. Anyways, also if I embed it from YouTube it is the same problem, or if I embed any other type of video.

YouTube Link:

Thanks for your help!

February 11

On 2/9/2024 at 10:27 AM, Ziggy said:

What resolution is the video on Vimeo?

Hi @Ziggy. Do you have any solution for this?

Would be more than grateful.
Thanks
Sibylle

February 11

On 2/9/2024 at 8:04 PM, nick_sh said:

Apparently Squarespace doesn't allow autoplay with sound. You might need custom html code block with <video>.

As for Vimeo, unfortunately I can only think of the problem is in the page itself — did you try another video? Does it work same way?

Hi @nick_sh Can you provide me with the HTML code block for the video?
And regarding the lock-screen: yes I tried also other videos - it is always the same, first few seconds are blurry.
I really have to get this fixed, the video was way too expensive to create for not showing it in high res. Any idea what to try? I also deleted all the custom code in css and code injection, but that did not change anything.

Thanks
Sibylle

February 9

6 hours ago, nick_sh said:

No browser will play the audio in autoplay. For that you need to person to interact with the site somehow, e.g. click a button etc. Most common solution is to have a popup overlay or splash page with "Enter" button. Once user clicks it disappears and video with audio starts.

Hello @nick_sh
Thank you. The problem with the overlay is, that I already have a code where you get linked to the start-page when clicking anywhere on the video - both is probably not possible. Anyways thank you.

Do you have an idea why my embedded video from Vimeo is blurry in the first few seconds on the lock-screen?
See conversation above.

Many thanks
Sibylle

February 9

1 hour ago, Ziggy said:

What resolution is the video on Vimeo?

I guess 1080p / Full HD. Where can I see that? In case I have to ask the videographer.
If you can find out, here are the links to Vimeo and the video itself I uploaded.

https://drive.google.com/file/d/1op-3gnHGTzEnpbaSbT9ziJSmXW3DFeb8/view?usp=drive_link

Thanks
Sibylle

February 9

27 minutes ago, Ziggy said:

Have you tried hosting the video on Squarespace directly?

The video on the intro page (https://elysia-living.ch/intro) is hosted on Squarespace directly.
For the lock-screen, I only have the option to insert a link from Vimeo or YouTube. I tried both. There is no possibility to upload a video.

Please help 🙂

Ziggy · February 9

29 minutes ago, Ziggy said:

I'm not seeing that behaviour, works great.

Hi @Ziggy

I found out by myself. Thanks for checking anyways!!

February 9

Hi there

I have a problem with my anchor links. When clicking on UMGEBUNG or ARCHITEKTUR, I get directed always back to the lock screen and have to reenter the password. It should be possible to simply get to the placed anchor on the page.

I hope anyone can help me.

https://www.elysia-living.ch/
PW: EL2024

Many thanks
Sibylle

Forums

Gallery

Blogs

Events

Store

Downloads

Profiles

Posts posted by Sibylle_Zurich

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources