WCS

@Shares When you add a blog, you'll see this in your side bar (Website > Pages):

If you click on it, it will open up into this menu:

The Blog Overview page is the collection page for your blogs. You can modify the layout by clicking 'Edit' in the top left corner, then hovering over the page and clicking 'Edit Section' in the floating menu box. Here you can pick the layout, size of the blog title cards, what information is displayed, etc. 

You can also add sections to this page if there's other content you want included, such as a title.

Let me know if you have any additional questions!

@Dominic_c  Your CSS doesn't specificity what font size it's targeting. It should look something like this:

#block-####### h2{
font-family: 'Open Sans', sans-serif !important}

@flyturn33 Okay ... kuddos for having the most surprising site linked in a forum chat that I've seen! That was amazing.

Can you share the code you're using so we can tweak it for your header? Gotta support you in your quest.

@are2024 When the CSS isn't correct, it will show a default text instead.

Just so you know, the font you downloaded is for personal use only. For commercial use, you'll need a special license. It looks like they have one specifically for web use: https://letterena.com/product/cathylise-janetson

@BYWJ Oh good! Thanks for posting in the forum and happy designing ☺️

@BYWJ My apologies on missing the {! 

For the image, can you not move the mobile image on top of the hidden image in the mobile editor? It will keep the outline of the hidden image but you should be able to drag the one displaying up and adjust the bottom of the section. 

@are2024 (I started to post this in our other thread but thought it may be easier if it's here.)

If you want to target a specific page only, you can using collection #s. You'll need to download the Squarespace ID Finder to find what these look like for those specific pages. They will be at the very top left hand corner with a yellow bar under the number.

Here's a link to the plugin: https://chromewebstore.google.com/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

If you want to change a specific font only, you could structure if like this so that you're changing that font on all the listed pages (make sure you change the collection #s):

#collection-6619636bcf1e215f4c56244c h1, #collection-65392e73f5c3792f1643650bf h1{
font-family: MrsEavesOT-Roman !important
}

If you want to change all the fonts on these pages, it may be easier to do it on a page-by-page basis:

// Childrens Book Illustrations Page
#collection-6619636bcf1e215f4c56244c h1, h2, h3, h4, p, a{
font-family: MrsEavesOT-Roman !important
}

You can also use the collection #s to modify things like the blog summary titles, etc. 

@semp083 Of course! ☺️ Congratulations on your engagement and happy designing! 

@semp083 There may be a setting or code applied that's messing with the text. Without being able to look at your site, it's a little hard to tell. An easy first step would be to use html specifying the color you want instead! Let's try this:

1. Go to the form and click the pencil button
2. Click Post-Submit and delete your message
3. In the html box, copy and paste:

<h3 style="color: #000000;">Received! Thanks so much for letting us know!</h3> 

You can replace h3 with p if you'd like it to be the same size as in your image. I personally like it when the post-submit text is a bit larger so that it fills up more of the space.

#000000 is black but you can replace this hex code with whatever color you'd like it to appear as.

For the header, do you want that gone completely or only the post submit?

If you want it completely gone:

1. Log into the backend of your website
2. Go to Website > Pages
3. Scroll down to Website Tools > Custom CSS
4. Copy / paste the below in and click save.

// Hide Form Title

.form-title {
  display:none}

I don't know of a way to remove it only once the form has been completed.

@BYWJ Thanks for posting in the forum! I'm not sure which image you want hidden, so here's my guess. If it looks off, I would suggest adjusting it so that both images in the same section. If you make that change, let me know and I'll send you updated CSS.

To install the below:

• Log into your site
• Click Website > Pages
• Scroll down and click Website Tools > Custom CSS
• Copy / paste the below, then click save

// Hiding Image on Desktop
@media screen and (min-width:769px) #block-9fca82e1649091d68e04{
  display: none !important
  }}

// Hiding Image on Mobile
@media screen and (max-width:768px) #block-yui_3_17_2_1_1713204368539_28852 {
  display: none !important
  }}

@are2024  Yes, there is! Try the below and let me know if it works for you. I've included 2 options so that you can control if the change happens across your whole site or just for that one specific gallery.

This code will work for every image slide title:

.image-slide-title {
  font-family: aktiv-grotesk !important}

If you want it only for that one section:

section[data-section-id="661963b5ca5073631dc43b53"] .image-slide-title {
  font-family: aktiv-grotesk !important}

Please note: I'm not sure what font you want the titles to be. You can replace the purple text with the font of your choice. 

@jadeeleanor  I didn't know, that's why I was clarifying. Sometimes people have part of the solution but they can't customize it the way they want.

@career_coach_jenn  There is a way to add a subscription check box in a standard form but it doesn't add subscribers to a specific list, making it difficult to manage.

Squarespace also allows for the selling of workshops and you can require custom forms at checkout to gather the information you need and set up an automated email response. The downside to this is that you'll have to upgrade your site to allow for these e-commerce settings. Modifying these settings will also happen with all products, so if you decide to sell more things you'll need to do so after the event. 

If you want to keep your form and sign up for Email Campaigns, you can get around all of this by:

1. Set up an email list for your event

Marketing > Email Campaigns > Mailing Lists > Add (top right in the gray bar)

2. Create a page with a welcome message and a subscription opt-in box. 

Subscription box > Storage > Squarespace > Select the subscription list you created

3. Edit your current form

Form > Content > Edit Form Fields

Add a check box that they need to check confirming that they understand that after they submit the form, they will be redirected to a page to subscribe for emails surrounding the event. They must subscribe to receive the necessary information.

Form > Content > Post-Submit > ReDirect > Input the url for the page you created

Now when people fill out the form, they will be directed to that page.

4. Set up your automated email

Marketing > Email Campaigns > Automations > Add (top right in the gray bar)

• Select Welcome Email and select a template
• Design your email
• Under email you'll see "Automation Settings." Click on it to edit the triggers.
• When a person Signs Up for [select the mailing list you created]
• Then Send Email [select time frame]

Now people will get an email automatically after they subscribe. If you set up email confirmation, they will receive it after the confirm their subscription.

@jadeeleanor Do you currently have a way that you are embedding the gallery?

@ThomasDris You can set up a Domain Forwarding Rule for a specific page so that when someone types in that secondary domain, it goes to the page you want. However, it will still display the primary domain url in your web browser's address bar.

This means that if you have 2 domains connected to your website, you have:

www.DomainA.com > Takes you to www.DomainA.com
www.DomainB.com > Takes you to www.DomainA.com

They both take you to the homepage and it then displays www.DomainA.com

If you want www.DomainB.com to go to your page /services, then you can set up a Domain Forwarding Rule. That means your domains now:

www.DomainA.com > Takes you to www.DomainA.com
www.DomainB.com > Takes you to www.DomainA.com/services *

*It will not say www.DomainB.com as if it's a different website. 

This Squarespace help article has instructions: https://support.squarespace.com/hc/en-us/articles/214767107-Forwarding-a-Squarespace-domain#toc-forward-to-a-specific-page

When you add the domain forwarding rule, it will look like:

@jonuehring Oh good!! Thank you for marking the solution and happy designing ☺️

@LindsEli Let me know if it works for you! I haven't been able to find anything online about this possible change...

@bre8 I'm not quite sure what you mean. Do you want to put an image behind an image?

@Fredrik_Berlin  I suspect that email wasn't sent from Squarespace as the part you copy/pasted is not grammatically correct. I'd check in your website's domain panel to see if there's any flag there regarding your domain. If not, you're probably fine but you can always reach out to Squarespace's team via chat or email to double check. 

@LindsEli Great Vibes is a Squarespace font. I was helping someone with this in another forum thread where the below wasn't working. I found that it only worked if that font style was applied somewhere else on the site, such as making it the Site Title font (Fonts > Assign Styles). 

I just tested it on a blank site. The screenshot on the left is what it looks like with just the CSS applied. The screenshot on the right is after I made it the Site Title font.

@tuanphan I don't remember something like this being necessary before ... do you? 

@UnlockCollective The mystery continues! 🕵️‍ On the test site, I had used Arya Double for the paragraph text so I could compare to make sure I was getting the correct font. When I changed the paragraph font, the h1 font switched to Quicksand. I switch other font settings to Arya Double and the CSS is working again.

I quick fix may be to select Arya Double as the site title font (if you're using a logo) as you won't see that text and the font will still work.

@UnlockCollective Huh that's super strange as the screenshot in my response is actually from a Squarespace website the I used the code on and it worked. I'll try it out on more sites and see if I can replicate the issue / find a solution!

@UnlockCollective Try the below instead! 

h1{
  font-family: arya-double !important
}

@jonuehring Yes, that works great! Try the below code and let me know if it works.

Just so you know though, you can also make your site available for view — even if you havenʻt paid for it yet. Settings > Website > Site Availability > Password Protected (then set a password)

// Label which image it is

section[data-section-id="654571c2ded6710668652c59"] .sqs-block-image .design-layout-fluid .sqs-image {
  border: 1px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 5px 5px #000 !important;
}

// Label which image it is

section[data-section-id="64daff6293656e1849bb6b68"] .sqs-block-image .design-layout-fluid .sqs-image {
  border: 1px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 5px 5px #000 !important;
}

// Label which image it is

section[data-section-id="64daff6293656e1849bb6b6e"] .sqs-block-image .design-layout-fluid .sqs-image {
  border: 1px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 5px 5px #000 !important;
}

@jonuehring It might be easier to specify which blocks, or what sections, youʻd like the effect applied to. If you can share:

• your url and password
• which blocks you want the drop shadow on

I can give you the code. If you want to source that yourself, I highly recommend getting the Chrome plugin Squarespace ID Finder.