- 361
- 236 351
Sam Crawford | Squarespace Expert
United Kingdom
Приєднався 12 бер 2021
Hire Me to Build Your Website! 👇
Hi, I'm Sam Crawford, Squarespace expert and founder of by Crawford, a multi award-winning web design studio. Welcome to my UA-cam channel, your go-to resource for all things web design and Squarespace.
On this channel, you can expect a mix of everything from how-to videos and educational content, to FAQ’s and case studies featuring some of the biggest clients I've worked with.
Plus: Don't miss the by Crawford Academy, a collection of over 200 videos designed to help you master Squarespace.
Ready to take your website to the next level? Visit my website at bycrawford.com to find out how we can work together.
And if you're a designer aiming to make it big in the freelance world, don't hesitate to join my Six-figure Design Club at sixfiguredesign.club
Let's build something amazing together. ✌️
Hi, I'm Sam Crawford, Squarespace expert and founder of by Crawford, a multi award-winning web design studio. Welcome to my UA-cam channel, your go-to resource for all things web design and Squarespace.
On this channel, you can expect a mix of everything from how-to videos and educational content, to FAQ’s and case studies featuring some of the biggest clients I've worked with.
Plus: Don't miss the by Crawford Academy, a collection of over 200 videos designed to help you master Squarespace.
Ready to take your website to the next level? Visit my website at bycrawford.com to find out how we can work together.
And if you're a designer aiming to make it big in the freelance world, don't hesitate to join my Six-figure Design Club at sixfiguredesign.club
Let's build something amazing together. ✌️
Change Color of Form Post-Submit Text on Squarespace
How to change the color of your form post-submit text on Squarespace.
Want to learn more about Sam? Visit bycrawford.com to see more of his work as a Squarespace Circle Member.
Code from the video can be found here: www.bycrawford.com/blog/change-color-of-form-post-submit-text-on-squarespace
Timestamps:
00:00 Introduction to Form Submission Text Color Issue
00:17 Exploring the Form Editor
00:35 Searching for Form Submission Text Options
01:11 Adding Custom CSS to Change Text Color
01:40 Verifying the Changes
02:06 Adjusting for Header Text
02:36 Final Thoughts
Still want to see more? Follow me on:
LinkedIn: www.linkedin.com/in/sam-crawford-a90538137/
Instagram: sjcrwfd
Apply for my coaching program: sixfiguredesign.club
#bycrawford #squarespace #websitedesign
Disclaimer The term "Squarespace" is a trademark of Squarespace, Inc. This channel is not affiliated with Squarespace, Inc.
Want to learn more about Sam? Visit bycrawford.com to see more of his work as a Squarespace Circle Member.
Code from the video can be found here: www.bycrawford.com/blog/change-color-of-form-post-submit-text-on-squarespace
Timestamps:
00:00 Introduction to Form Submission Text Color Issue
00:17 Exploring the Form Editor
00:35 Searching for Form Submission Text Options
01:11 Adding Custom CSS to Change Text Color
01:40 Verifying the Changes
02:06 Adjusting for Header Text
02:36 Final Thoughts
Still want to see more? Follow me on:
LinkedIn: www.linkedin.com/in/sam-crawford-a90538137/
Instagram: sjcrwfd
Apply for my coaching program: sixfiguredesign.club
#bycrawford #squarespace #websitedesign
Disclaimer The term "Squarespace" is a trademark of Squarespace, Inc. This channel is not affiliated with Squarespace, Inc.
Переглядів: 15
Відео
Add a Link to Make The Whole Announcement Bar Clickable [Squarespace EASY Clickthrough URL]
Переглядів 227 годин тому
Find out how to make an announcement bar on your Squarespace website clickable. Want to learn more about Sam? Visit bycrawford.com/ to see more of his work as a Squarespace Circle Member. Prefer to read your tutorials? Check out the blog post version here: www.bycrawford.com/blog/add-a-link-to-make-the-whole-announcement-bar-clickable Timestamps: 00:00 Introduction to Announcement Bars 00:55 Se...
How to Change Form Post-Submit Text [Squarespace Guide]
Переглядів 2312 годин тому
Want to change the message a user gets when they submit a form on your Squarespace website? Find out how. Want to learn more about Sam? Visit bycrawford.com/ to see more of his work as a Squarespace Circle Member. Prefer to read your tutorials? Check out the blog post version here: www.bycrawford.com/blog/how-to-change-form-post-submit-text Timestamps: 00:00 Introduction to Form Submission Text...
Create a Squarespace Video Gallery
Переглядів 6119 годин тому
All the steps you need to create a video gallery on Squarespace. Visit bycrawford.com/ to find out more about Sam. Prefer to read your tutorials? Check out the blog post version here: bycrawford.com/blog/create-a-squarespace-video-gallery Timestamps: 00:00 Introduction to Adding Videos on Squarespace 00:43 Accessing the Video Gallery Feature 01:25 Adding Videos to Your Gallery 02:26 Customizing...
What is Squarespace Circle Labs? [Opt In And Out of Beta Testing!]
Переглядів 34День тому
Introducing Squarespace Circle Labs, one of the best perks of being a Squarespace Circle Member. Visit bycrawford.com/ to find out more about Sam. Prefer to read your tutorials? Check out the blog post version here: www.bycrawford.com/blog/what-is-squarespace-circle-labs Timestamps: 00:00 Introduction to Circle Labs 00:49 Accessing Circle Labs 01:29 Exploring Circle Labs Features 02:46 Opting I...
Change Squarespace Blog Layout
Переглядів 89День тому
Want to change the layout of your Squarespace blog? Here’s how. Visit bycrawford.com/ to find out more about Sam. Prefer to read your tutorials? Check out the blog post version here: bycrawford.com/blog/squarespace-blog-layout Timestamps: 00:00 Introduction to Squarespace Blogging 00:46 Navigating to Your Blog Settings 01:18 Exploring Blog Layout Options 02:13 Customizing Blog Layouts 04:37 Fin...
Embed Cal.com Into a Squarespace Website
Переглядів 9314 днів тому
Find out how to embed a cal.com calendar into your Squarespace website. Want to work with Sam? Visit bycrawford.com/ to find out how. Prefer to read your tutorials? Check out the blog post version here: www.bycrawford.com/blog/embed-cal-com-into-squarespace-website Cal.com Timestamps: 00:00 Introduction to Cal.com 00:45 Signing into Cal.com 01:10 Embedding Cal.com on Squarespace 02:05 Final Tou...
Edit Website SEO Appearance on Squarespace
Переглядів 6714 днів тому
Editing the SEO appearance of your Squarespace website can do wonders for your search rankings. Find out how in the latest by Crawford guide. Want to work with Sam? Visit bycrawford.com/ to find out how. Prefer to read your tutorials? Check out the blog post version here: www.bycrawford.com/blog/edit-website-seo-appearance-on-squarespace Timestamps: 00:00 Introduction to SEO Appearance on Squar...
Create a Lightbox Form on Squarespace
Переглядів 5714 днів тому
How to create a lightbox form on Squarespace in just a few simple steps. Want to work with Sam? Visit bycrawford.com/ to find out how. Prefer to read your tutorials? Check out the blog post version here: www.bycrawford.com/blog/create-a-lightbox-form-on-squarespace Timestamps: 00:00 Introduction to Lightbox Forms 00:35 Setting Up the Form Block 01:01 Designing the Lightbox 01:38 Final Adjustmen...
Squarespace Menu System Explained [DEEP DIVE]
Переглядів 4821 день тому
Squarespace Menu System Explained [DEEP DIVE]
Round List Item Image Corners Squarespace [List Section Styling]
Переглядів 6521 день тому
Round List Item Image Corners Squarespace [List Section Styling]
Register a Domain With Squarespace [Easy Setup Guide]
Переглядів 4621 день тому
Register a Domain With Squarespace [Easy Setup Guide]
What Squarespace Pricing Plan is Best For You? [How Much Does Squarespace Cost?]
Переглядів 11028 днів тому
What Squarespace Pricing Plan is Best For You? [How Much Does Squarespace Cost?]
Stop Blocks Overlapping on Different Screens on Squarespace
Переглядів 96Місяць тому
Stop Blocks Overlapping on Different Screens on Squarespace
Squarespace Search Function THAT WORKS! [Monocle]
Переглядів 148Місяць тому
Squarespace Search Function THAT WORKS! [Monocle]
Add a Border Around a List Item Image on Squarespace
Переглядів 72Місяць тому
Add a Border Around a List Item Image on Squarespace
How to Create a Full Bleed Slideshow Gallery on Squarespace
Переглядів 156Місяць тому
How to Create a Full Bleed Slideshow Gallery on Squarespace
How to Remove Header & Footer Navigation From Blog Collection and Posts on Squarespace
Переглядів 84Місяць тому
How to Remove Header & Footer Navigation From Blog Collection and Posts on Squarespace
How to Use Markup.io [My Favorite Feedback Software]
Переглядів 127Місяць тому
How to Use Markup.io [My Favorite Feedback Software]
How to Filter Squarespace Summary Blocks
Переглядів 94Місяць тому
How to Filter Squarespace Summary Blocks
Enable Clickjack Protection on Squarespace
Переглядів 68Місяць тому
Enable Clickjack Protection on Squarespace
Hide or Replace Add to Cart Button With Custom Link [SQUARESPACE ECOMMERCE TUTORIAL]
Переглядів 147Місяць тому
Hide or Replace Add to Cart Button With Custom Link [SQUARESPACE ECOMMERCE TUTORIAL]
Squarespace New Cookies System Explained [New Features]
Переглядів 113Місяць тому
Squarespace New Cookies System Explained [New Features]
Remove Blank Space at the Bottom of a Page on Squarespace
Переглядів 154Місяць тому
Remove Blank Space at the Bottom of a Page on Squarespace
Redirect Users After Contact Form Submission on Squarespace
Переглядів 91Місяць тому
Redirect Users After Contact Form Submission on Squarespace
Hide Page From Search Engines on Squarespace
Переглядів 44Місяць тому
Hide Page From Search Engines on Squarespace
Add File Uploads to Contact Forms on Squarespace [NEW FEATURE]
Переглядів 702 місяці тому
Add File Uploads to Contact Forms on Squarespace [NEW FEATURE]
Add a Password to a Page [EASY Squarespace Guide]
Переглядів 572 місяці тому
Add a Password to a Page [EASY Squarespace Guide]
Duplicate a Portfolio Page on Squarespace
Переглядів 1162 місяці тому
Duplicate a Portfolio Page on Squarespace
Set Squarespace Portfolio Item as Draft [Simple CSS Solution]
Переглядів 682 місяці тому
Set Squarespace Portfolio Item as Draft [Simple CSS Solution]
Thank you ! You saved me a lot of time :) Awesome !
Thank you!
Hi Sam, thanks for the video! I would love it if this function was enabled for SHOP only. I wonder is there a way to customize it with code?
Wow. Yours is so different than so many other code sources out there. And yours WORKS!
Is there any method to set a password for one of the works on the portfolio page?
Is there anyway to add an Upload Image when they checkout on a product. I sell decals and need a picture When they checkout. Thank you!
Waste of time.... After he finds the conflict, he just leaves...
What?
idk why its not working for me 😬
Can you paste the code exactly how you have it please? I'll check for you!
Hey Sam, thanks for this video. Question. I noticed that if you have login and social links elements on, then those items are also displayed outside the hamburger menu. Do you have a specific coding for keeping those items in burger and just having the button outside the burger menu?
Thank youuuu!!!!
You're very welcome!
I'm interested in mixing video and still images in a scrollable gallery - is that possible please?
Yes, just add an image into the library when you click the plus icon instead of clicking video
@@bycrawford Thank you 🙂
does the ttl always have to be 30 mins? for me its defaulted to 10mins
Nope it can be whatever you want!
@@bycrawford appreciate the reply
Hello, How can I remove or reposition the arrows on the card carousel on mobile view? (Using Squarespace) The arrows are too far from the image and look good, many Thanks
Hey! You can use the below in your CSS: .mobile-arrows { display: none !important; }
Legend
Too kind!
I added the code from your blog: <style> #footer { display: none !important; } </style> But with no luck 😬 Is it because I'm using this code too? } #footer-sections { position: fixed!important; width: 100%!important; bottom: 0!important; z-index: 99!important }
Did you add the above code into the header injection area or did you add it the CSS panel?
@@bycrawford the header injection area
@@Pencilshark yeah it's probably the CSS you have then. Make a note of it and remove from the CSS panel. If the footer is then hidden you'll know that was the issue!
For some reason, my blog page doesn't give me the navigation option to toggle the footer off.
Hey! This requires a bit of CSS. Here's a video I have on that: ua-cam.com/video/tr-2R-1scK4/v-deo.html
@@bycrawford I appreciate you getting back to me quickly. I put in the code but it didn’t work. 😬
@@Pencilshark just sent a reply!
Your cranking out the videos nice work. 😃
Thank you!
This is really amazing
Thank you!
Great video! Can this be done to my blog feed also?
Yes! It will require a different code though. I'll try and record a video on this next week
@@bycrawford thanks so much. I think a lot of people would like rounded corners on their blog posts.
Brilliant. Thank you friend.
My pleasure!
Thanks! Subbed :)
You're welcome - and thanks for the sub!
Very useful and the explanation was good too.
Glad it was helpful!
Didn't think that I would find helpful info to solve this. Thankful this video exists.
Glad I could help!
Hey Sam, any tips on how to reduce spacing between between menu items, I've got a folder in the nav and when clicking on that item the spacing increases quite aggressively.
Hey Tim! Try this: @media screen and (min-width: 641px) { .header-menu .header-menu-nav .header-menu-nav-item a { margin-top: -10px } } Then adjust that margin top value up or down to get the spacing just right
How can the discount code be sent automatically when someone subscribes? I want everyone who subscribes to receive a discount for their first order.
Hey Nicolaos, you can set up an email automation in the email campaigns area of your dashboard. Just fyi this is billed separately to your hosting subscription
Thank you for this! Saved me a lot of time dicking around with Squarespace settings :)
Haha glad I could help!
Hi there, having some trouble with this after adding in the code, my Grid: Simple block is still left-justified. Aspect ratio is 1:1 Square and the columns are 4 across. Are you able to tell if I'm doing something wrong with that info?
Hey Will, could you paste the code you're using below please? I'll double check for errors and see if there's something going on!
looks liek not a replacemnt for calendly
Hey Victor - you're right. Very different functions!
Hi Sam! I have Squarespace 7.1 Classic Editor, Personal plan, and I do not get this editor/pen icon. I only get the Delete/trash can icon. What am I missing? What do I need to get this neat feature? Thanks!
Hey! Yeah this is only on Fluid Engine now - I could have sworn it was on Classic Editor a while back but it's gone now
@@bycrawford If it was there and is no longer, YUCK to their taking away features! 🙄 ... Gotcha! Thank you for your help in understanding this 👍
thanks G
No problem!
Thanks for this. I am actively configuring my site as we speak and your video has convinced me to go the blog post route for my "portfolio" items.
Glad it was helpful!
edit section does not have background, only says gallery and colors. Where can I add a background? they keep changing ui, I remember it being there before whats going on?
You're probably trying to edit a gallery section and not a normal section
@@bycrawford thanks for the reply yep that was it, is it possible to have the gallery placed in front of the background?
@@ryan6530 I don't think so, but you could place a gallery block over a standard section?
@@bycrawford hmm I'll give it a try, thanks for your help!
The code you share on your website is different than the code in this video. I cannot get it to work no matter what I do, it still shows the Add to Cart button and no custom button
Paste the code in a reply please, the code in the blog is exactly the same as what's in the video. Where are you pasting the code itself?
This was useful, but after downloading an image it lost it size from 2MB to 915 KB
I think SQSP compresses images - the quality won't be the exact same unfortunately
can i switch template if I've chosen the wrong one initially?
you can but I'm still trying to fig out the most simple way to do that. I wound up just fully backing out and starting all over, but I would think that you sould be able to not have to do that, and just back up to a certain point (which point that is, is what's unclear to me) and have all that you've already input, infor, statement, photos, etc just transferred to another template to see how it might appear there. I am assuming as well, that it may not transfer exactly as you might like, but at least its there and youdnt have to re-dwnload or cut and paste. Clearly these are all novice issues so if anyone reading this would like to help out a very not-loving- this-process fine artist, I'm sure anyone in my shoes would be indebted to you! None if this for me is common knowlege and for these basic reasons, this process takes 10x longer for me than it would for someone with an already basic knowlege of this stuff. #sofrustrated
Hey, unfortunately you can't. You'd have to start again
There is no way to do this. They're all technically built on the exact same foundation, so there's nothing to 'switch' to if that makes sense
I don't understand this at all. When I create two spacers to put on each side of my image, it changes the width of the text body in my blog post.
You're probably not putting it in the right place. Make sure the blue line isn't showing as the whole height of the post. It needs to be showing as only attaching to the image
@@bycrawford Well, you're reply actually helped me get it done. I appreciate it, though it took quite a few tries. The blue lines kept trying to go the full length of my blog post. I finally got the new section lines to only extend to the height of the picture. I really thank you for the workaround. All the forum posts I saw about adding spacers didn't have this tidbit about the height of the blue lines. Subscribed.
@@GarrettLucasWV Really glad I could help! Here if you need anything else
Hi Sam, I hope you're doing well. Thank you for providing such helpful videos-greetings from Germany! I have a question regarding adding hidden fields to a contact form in squarespace. I’m looking to include JavaScript that can help track where potential customers are coming from, such as newsletters, phone campaigns, paid ads, or organic search. This would allow our call center team to easily identify the source of each inquiry. Could you please advise if it's possible to implement this, and how I might go about it? Any assistance you could provide would be greatly appreciated. Best regards,
Squarespace is trash
Okay 🤣
I click on change to 7.1, it says some things might look different, i click continue, it asks me to select a new home page... No matter what i select, it doesn't give me the option to continue. Just stuck in the "select a new homepage" pop up.
You probably need to select a new homepage in that case? That's all I can think of without any more detail
@bycrawford this error occurred in Bedford. But not brine. It took more work once converted but it's converted now.
@@longtermgains8253 glad to hear you got it sorted!
Thank you for this, I'm new to SS! Mines is showing up on the left, is there a way to have it on the right? Thanks
Hey! If yours is showing on the left it'll be because that's your mobile menu alignment. If you change your mobile burger menu on the mobile menu editor, this should reflect on the desktop too
Hi Sam. This video was helpful. I have a related question... part of the reason that I overlap blocks on purpose in my design is because my text blocks are adding too much blank space to the top or bottom of my text block. I make sure there is no extra space or line characters at the beginning of my text block and squish the block as small as I can make it. It seems that the extra space effect depends somewhat on the font I'm using, is that correct? My base size is 16px, Line Height is 1.5em, and size of Paragraph 2 (in this case) is 1.1rem. The site isn't live yet so not ready to send a link. I was wondering is you had another video perhaps that addresses this topic. Thanks! Maureen Edit: As a test, I just reduced the grid size as described and that did help with the spacing, although there still was a little more space than I'd like between blocks. Can you explain the relationship between the edit time grid and how that affects spacing?
Hey Maureen, you could try the block alignment, so you can align the content within your block to the top, middle or bottom. If you wanted to close the gap between two blocks on top of each other, you could align the bottom one to the top and vice versa. Does that make sense?
@@bycrawford Yes, thank you Sam.
Thank you very very much! I was able to finally connect my website thanks to the DNS settings method! Thank you!
Glad it helped!
LIFE SAVER THANK YOU!!!!!
Thanks for the explanation, much appreciated! You've help several others with getting the link to the cart to still show up along side the hamburger menu. When I add the code you suggest in these cases, it sends the menu to the left next to the logo, instead of aligned to the right along with the cart. Even after fussing with the code and Squarespace settings, I can't seem to get past this. Any suggestions?
same problem
Hey Heather! What you probably need in this case is a slightly different solution which should make things easier. You can see it here: ryandejaegher.com/how-to-add-a-desktop-burger-to-squarespace-7.1/
Hey Andre, same solution as above for Heather: What you probably need in this case is a slightly different solution which should make things easier. You can see it here: ryandejaegher.com/how-to-add-a-desktop-burger-to-squarespace-7.1/
@@bycrawford Thanks so much, that worked! Couldn't find the solution anywhere, I really appreciate it!
Is there a way (without using developer mode) where you can serve a larger file (170MB)? It seems to upload when im posting as a link object but it never allows me to select it (i watch the file move up fully to the server through my inspector). Thanks!
You'd need a third party host for the file like g drive or you could even have some form of viewer widget if you wanted it to be viewable on your site maybe?
@@bycrawford Yeah that's what I ended up doing actually. Seems like a very odd limitation IMO.
Thanks! Easy to follow and quick results!
You're welcome!
😀
🙌
Hmm.. What if you want it as a separate page? Like "Blog Page 2", can you filter posts that will only appear on the page "Blog Page 2"? Thank you..
Yes you can select which content you want it to filter :)
@@bycrawford Ooh okay, will check that, thank you!
Saved! Thanks for this workaround! This is very much helpful for creatives who want to show episodic content..
Glad it helped!
Thanks for the video! When I put the business name and address in, it recognises the business but no reviews show, do you know why?
Not sure sorry! This would be on the Elfsight side of things