WCS

Thank you, this was the closest I could get to what I was looking for!

@kaydotjpg Becca from Inside the Square has a great tutorial for this! 
 

@mappdesigns Just a heads up that "p" targets all paragraph fonts. 
p.sqsrte-large (p1) p (all paragraph fonts) p:not(.sqsrte-large):not(.sqsrte-small) (p2) p.sqsrte-small (p3)

@ValidUsername Try looking under unlinked pages > Website Tools > Custom CSS
You can also hit / to search for it. 🙂

@AnastasiaG Can you:
Send us a link to your site and let us know what version you're using? Let us know what you mean by 'fill the space' -- are you talking about the image or the text area? Clarify 'have the blue section mimic the view on desktop'

This hasn't actually been my experience, not since the backend change to how fonts are handled. In a quick test on 7.1 FE, p only affects the paragraph 2 font:

@Ziggy  Whatttt that's exciting! Thanks for letting me know.

@mjanas10 You can do this by ordering your pages. The way they appear stacked on the left is the order they'll appear in your navigation bar ☺️ Simply click and drag the Climate page to be the last page in the Main Navigation section.
 

@mjanas10 You can do this by ordering your pages. The way they appear stacked on the left is the order they'll appear in your navigation bar ☺️ Simply click and drag the Climate page to be the last page in the Main Navigation section.
 

I think this site is Brine Family
You can edit each product > edit Additional Info > Add a Code Block > Paste this code
<style> body, .Site, header.Header, .Site-inner, .Main, footer.Footer { background-color: #e5d3cb !important; } </style> You can repeat code for other products, just change color in the code
If you have some products use same color, let me know, I will give another simpler code
(I removed code for announcement bar, so don't care the screenshot)

@CocoaCollective  Go to Website > Website Tools > Custom CSS and paste it in. Alternatively, you can do a short cut by hitting / and type in Custom CSS. 
It looks like your site is a little different from the one I tested the code on. If you tell me what version you're using, I can send you a video with the steps! (It's unfortunately too many for me to give you all the code for at the moment.)

@jezhawk@CheekyStar@Lara-Dawn  If you're still looking for this feature, MemberSpace integrates with Squarespace and allows you to customize a notification email for subscription renewals: https://help.memberspace.com/article/221-how-to-adjust-payment-reminder-emails
This functionality is included in their free version: https://www.memberspace.com/pricing
 

@Mjb_FH Of course! So happy @jpeter was able to resolve it. This is what the forum is here for -- I think it's one of the best parts of Squarespace ☺️

The reason you're seeing the black box is because the form fields are breaking outside of their container due to this CSS selector in your custom CSS:
.newsletter-block .newsletter-form-fields-wrapper { display: inline-flex; } You probably can delete that CSS selector and that will prevent the form fields from breaking out of their container.
 

@Mjb_FH That navigation looks to be part of the template your website is built on, so it shouldn't be what's causing the problem.
Do you have the overflow CSS added currently?
html, body {
overflow-x: hidden;}
 

@Mjb_FH
I see that line in there (it's hard to read the image -- sorry!) but I would separate it from the newsletter code.

You can try copying all the CSS and then deleting it. I'd recommend pasting it into something that won't format it, like here. Make sure you do this right away so you don't lose your code!
Check on your phone to see if the problem is solved or not. 
If it is, we can figure out what line is causing it. If it's not, you may want to check to see if any pages have code added. You can check this by clicking the cog near a page to access its settings. Then click Advanced and see if there's anything there.

@ValidUsername Try looking under unlinked pages > Website Tools > Custom CSS
You can also hit / to search for it. 🙂

@sussexseamstress0603  lol Not sure you can be a designer without being very aware that people are not as computer literate as some may think.
I can't count the number of professional products I've downloaded that come with a TextEdit doc or PDF with a link to Google Drive, Dropbox, etc. I've never found it confusing, nor have my clients had issues with their customers. I've sold items on multiple platforms, including Etsy. Not looking to convince you, my experiences / views are just different. 

Forgive me if I missed this in the thread, but an easy solution is to provide a PDF with a download link to a Google Drive or Dropbox link. This way customers receives 1 file with a link to a zip folder. It's also a great way to give them instructions, an introduction to what you do, and links to more content. If you do it right, it's a marketing opportunity that only requires a few additional clicks from your customer. 

@tuanphan Edited to add that! For some reason, it wasn't working on my site earlier so I omitted it but I should've still marked it as p1 - p3. Thank you!

@AmyCSH  You could do this through Member Sites but you'd have to pay for that capability and it seems like you could do this without having to set all that up -- especially since those that have already signed up would need to do so again in order to create a profile that allows them access.
I'd recommend having:
Page 1: A landing page for the webinar with a form.  Page 2: A password protected page that has links to the call, course materials, and a store selling the items you want them to purchase after watching your presentation.  On Page 1, they fill out the form (since it's free) or subscribe to your emails -- whichever you'd like. Either way, you can customize the post submit to include a link to Page 2 with the password. I'd recommend using the html box to make the message in one of your header fonts. 
*** For those that have already signed up, you can simply email them the Page 2 information! 
Here's a sample of the post-submit text text:
<h3>
Thank you for subscribing! Please visit <a href="https://westerlycreative.studio" target="_blank" >www.westerlycreative.studio</a> and put in password TACOS to access the webinar content. 
</h3>
How to modify the html:
<h3> Font size
Thank you for subscribing! Please visit <a href="Put the Page 2 link in here" target="_blank" (Makes it open in a new tab) >Insert what you want the hyperlink text to be </a> and put in password TACOS to access the webinar content. 
</h3> Must match first font size
What it looks like when you add it:

If you're worried about people missing it, you can also send an email to those who sign up with that information. 
The potential downside to this is that other could share the password and let other people in. However, setting up an approval system for so many people probably isn't worth your time. 
Congrats on getting 100 people signed up! 🎉🎉
Membership Options
1. You could sell this as a Digital Download, which could be a PDF with links to all the content. Google Drive works great for this. 
2. Coaching could be a Service Product, which can be a 1-time fee or subscription based. You can share the link to the resource on your call with them or via email. 
"Lifetime access" can be a difficult thing to ensure. I'd just give them the download link and tell them they have xxx days to download it, but that's just me. For example, what if Squarespace stops supporting Member Sites in the future? If you went that route, you'd have to pay for that function indefinitely and then switch it if/when that changes. 
You could do Member Sites or the coaching group and release the products free to them each week. However, if they aren't doing anything else in the group, then you're just adding steps for both you and them.

@mdotwyou  Of course -- glad that solution works! 🙂 

@CoorlasArchitecture  We can adjust the padding around newsletter sign up buttons to create a similar look!
Try this code:
// Submit button padding
.newsletter-block .newsletter-form-button {
    padding: 0.5rem 1.7rem !important;
}

How to install it:
Website > Website Tools > Custom CSS
Adjusting values:
If it doesn't look exactly how you would like it to look, try adjusting the below.
0.5 rem = controls vertical padding
1.7 rem = controls horizontal padding

I think p2 should be p:not(.sqsrte-large):not(.sqsrte-small)
Sometimes use p only will affect on both p1 & p3

@tci_ca  Absolutely! You can add some CSS to make this change for all fonts or one block of text. 
To add the below CSS:
Click on 'Website' Scroll to the bottom and click 'Website Tools' Then 'Custom CSS' // Change alignment for all h2 text on mobile
@media screen and (max-width:640px) {h2{
  text-align: center}}
You can swap out h2 for a different font size:
h1 h3 h4 p.sqsrte-large (p1) p (all paragraph fonts) p:not(.sqsrte-large):not(.sqsrte-small) (p2) p.sqsrte-small (p3) If you want to target only one specific block of text, you will need to find the block id for the text block. To do this:
Install the Chrome Squarespace ID Finder extension Go to the page you want to modify and select the extension Find the block id for the text box you want to modify and click on it (it will copy it for you) The insert that into the code, as shown below, before the font you want to modify @media screen and (max-width:640px) {#block-123456789 h2{
text-align: center
} }
If this screenshot, you can see that there is a white box with #block-##### above a header. If I was to use that specific number in my code, it would change the h2 font only in that text box. The one over the image would be used to target that element.

If something doesn't modify, try adding !important
@media screen and (max-width:640px) {#block-id123456789 h2{
text-align: center !important
} }