susangoodwin

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.