Ziggy

Can you share your website URL? and password if you website isn't live?

Add this additionally: body.tweak-transparent-header .header:not(.shrink):not(.transparent-header-theme--override) { backdrop-filter: blur(0px) !important; }

You can try this Custom CSS: [data-header-style="dynamic"].header { background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); }

If you have the header color set to solid you can change the color, opacity, and blur effect.

That said, the fonts look good now!

It's the correct one but needs to be set to 900 weight to look how you want. I'd be happy to have a look at the backend of your website/page to see if I can find the error.

You don't need Custom CSS for this, you can change the site width in the styles menu under spacing. You may have to type into the field as the maximum the slider goes to is 3000px. I would say that the wider you make the site width the harder it will be to design your site to look good on all desktops and laptops.

I can't see a facebook link in the footer, but the Contact link doesn't work as the block containing Events is overlapping: The facebook link in the header/mobile menu works when I test it.

In the CSS you are using P1, P2 and P3 for the paragraphs but these are not the correct selectors, use these instead: // Paragraph 1 .sqsrte-large { font-family: 'font name here'; } // Paragraph 2 p { font-family: 'font name here'; } // Paragraph 3 .sqsrte-small { font-family: 'font name here'; } https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

It's easily done! It's a nice looking website you're designing!

If you use the update tool to move to 7.1 you can do a limited amount of changes to the design without it being live, but in my experience it's not enough to get a website "launch ready", so you would need to build in some down time or accept a transition period as you update. The procedure before having this tool was to redesign the website from scratch on a clean slate and then transfer over the domain when you were finished but this is a lengthy process and you do lose analytics and have to set up any store items and the sales tools again. You can always test this yourself by duplicating your website and trying the update tool before you do it on your live website.

My first thought is that there might be an unclosed <div> in a code block or an error in CSS. Could you have any issues? It looks like the font is also set to a weight of 400 which doesn't match the design you want.

You might want to look into this extension: https://www.squarewebsites.org/squarespace-plugins/p/universal-filter

Do you want to share your website and maybe diagnose the issues?

I tested this without the !important everywhere, I've also carefully replaced any quote marks and punctuation, as that can cause problems, but your fonts don't seem to render, can you download them in a different format and try uploading those? @font-face { font-family: 'DigitalSans-Bold'; src: url('https://static1.squarespace.com/static/65d99ba5e3b4d65dc25196de/t/66078de7a22b5a4d5130e69f/1711771111926/castledown-cursive-regular-pro.otf'); } @font-face { font-family: 'DigitalSans-Regular'; src: url('https://static1.squarespace.com/static/66077d5a87f9f05609b2d886/t/66078032627e6525e3d791f0/1711767602406/DigitalSansTrial-Regular.otf'); } @font-face { font-family: 'Castledown-Cursive'; src: url('https://static1.squarespace.com/static/66077d5a87f9f05609b2d886/t/660780d263c2ab490a8477fd/1711767763089/castledown-cursive-regular-pro.otf'); } h1 { font-family: 'Castledown-Cursive'; } h2, h3, h4, p { font-family: 'DigitalSans-Regular'; } a { font-family: 'DigitalSans-Regular'; } .sqs-block-button-container a { font-family: 'DigitalSans-Regular'; } .sqsrte-large { font-family: 'DigitalSans-Regular'; } .sqsrte-small { font-family: 'DigitalSans-Regular'; }

Go into the site styles and Spacing and adjust the site maximum width to be narrower, it's currently quite wide.

This positions it on the left with a 10px gap: Change that line to: right: 10px !important;

Add this to the home page settings -> advanced -> header code injection: <style> .header-actions.header-actions--right { display: none; } </style>

Squarespace doesn't really offer tools for podcasting, just an audio block which doesn't allow for embedding, the only thing you could do is share the audio file and they can host it on their website. If you want standard podcasting tools you might be better off using a free solution like this: https://podcasters.spotify.com/

Glad that worked for you!

You have the hover state set twice: Try this code instead: // Default font weight .header-nav a { font-weight:200; } // Font weight on hover .header-nav a:hover { font-weight:400; }

The post submit isn't a block, it is the form block, and the form contents is what determines the height.

It is possible to hide the button and quantity, add this to Custom CSS: .ProductItem .ProductItem-details .product-quantity-input, .ProductItem-details .sqs-add-to-cart-button-wrapper { display:none; }

Could you have the logo set in code? Do you have anything in Custom CSS or code injection?

Can you share the website URL?