susangoodwin

Hi! I just bought a font and installed in to use on my website. It comes with ligatures and I can't figure out how to use them on my website. I have installed the font and set the h1 to use the font and attempted to enable the ligatures via CSS, but I can't figure out how to use them. I have attached the CSS for reference and an image of the ligatures I'd like to have access to. I installed the OTF file (is this where ligatures live?) but I also have the WOFF etc. file types. I'm having trouble finding any info on how to do this so any help appreciated! site: https://oboe-horse-93ct.squarespace.com/home password: oboehorse

I'll leave this here in case anyone else runs into this super specific issue. I tried emailing support (no luck). I just did more investigating and found that it seems to be a problem with the sitewide animation conflicting with the image animation. It only happens when the sitewide animation is set to 'scale' and the image animation is turned on (the speed of the animation, shape, and type of local image animation does not seem to matter that I can tell). Solution: If I change the sitewide animation to anything other than 'scale' it works fine. In the screenshot: *With the sitewide animation set to 'scale' then 2nd set of image set to 'fade' *On Chrome Version 124.0.6367.208 1. no image animation applied 2. image animation applied 3. no image animation applied 4. image animation applied

That's a relief, (I'm not loosing it lol). Thank you for the info! I'll send a report.

I did not. It still does it on all my devices. I just logged out and cleared everything and checked again. It still does it.

I have set the top image on my page to be a TV shape. When I first open the page (this happens on all pages and all places on the page where I've used the TV shape), the image doesn't fully load. If I barely resize the window (smaller or larger) it loads. This happens on all browsers and on the mobile version (checked on my phone). I have also experimented with setting the shape to not stretch vs stretch, and I get the same result. I'd love to fix this since it looks like it's broken when users visit the page (b/c they won't know to resize the window). Thanks! Here's an example of a page where this issue is happening: url: https://workingsite.squarespace.com/services-pricing-guide-for-creative-entrepreneurs password: lemondrop Here's a loom to show you the issue: https://www.loom.com/share/46825ae96a34455396ff7bb5e6d36d97?sid=7ececd45-2bbb-4cfb-837c-8b6da2e1a3f1 I've also attached screenshots to show how it looks when I first load the page and how it looks after I resize the window:

Thank you so much for your help (you guys are so zippy!)! This worked and makes sense. I was just missing #block- for the cutout bit and switched to using the section selector for the frosted bit.

Site URL: https://begonia-amphibian-dgb4.squarespace.com/ Hi there lovely forum people, I added some custom css to add a frosted effect and a cutout (see image below). It worked fine until I refreshed the page, now it won't work. I have already cleared my cache and reloaded everything, but it's still not working. It's weird because the css for all of my other sections works fine even after refreshing. The password to view the site is: isthisthingon? Here's the CSS I used: #page .page-section:nth-child(12) .content-wrapper { /*this should be 12th child, but it was originally working on 1st child for some odd reason*/ background: inherit; background-color: rgba(255, 255, 255, .3); backdrop-filter: blur(10px); margin:auto!important; } #yui_3_17_2_1_1657492918016_543.content-fill { clip-path: ellipse(18% 36% at 50% 50%) !important; } Beginning to wonder if this is a spin around with my eyes closed 3 times in the moonlight while chanting situation (weird bug).

That worked! Thank you so much! 🙂

Hi all, I want to add a border to this image that I made into an oval using CSS. It cuts off the right side and bottom for some reason. I tried stretching it out and moving it around, but it always cuts it off no matter how small it is. I have included the image setting and the CSS below. I originally created the oval using the shape feature when I added the image, but I couldn't figure out how to target the shape to give it a border, so I'm trying it this way now.