This Channel is a free resource to learn how to extend the design limitations of Squarespace websites by adding custom CSS.
The tutorials on this channel take a step by step approach to CSS and web design, rather than just giving you code to copy and paste. Every website and situation is different and copy and pasting code into your site will only get you so far. Eventually you will want an effect on your site that isn't working without you knowing why. Then comes the hours searching forums and Facebook groups to try and get someone who knows CSS to help you.
NO LONGER! With my videos you will master the approach. My goal is to not only provide you with valuable tips and tricks that I have discovered, but to teach you to understand CSS enough to start experimenting and implementing custom styling of your own!
My content on this channel is free, and will always be. ► SUPPORT my channel: schwartz-edmisten.com/donate/
Thank you. This is lovely. However, I have a challenge. My WordPress site is deigned with Elementor. I have a BUY NOW button which I made to float all through the page, and when you click on it, it will take you straight to the Enquiry section (via the Anchor link) so you can fill in your details. THE PROBLEM IS, I WANT THE BUY NOW BUTTON TO DISAPPEAR AFTER YOU SCROLL TO THE ENQUIRY SECTION. it can reappear when you scroll up, but it should disappear immediately you get the the Enquiry section. Can you help me with it? Thank you.
Thank you for this great tutorial! You explain things so well in a clear, concise and calm manner :) You also use best practices which is great too. Thank you!💯
I've gotten this to work in the past, but mostly it doesn't work for me. I've tried exiting out and it's strange. It's just not working, but the pin button is there, and it says it's pinned. Is there some sort of setting to turn on for this to work?
I was hearing some people were having trouble with the editor today. Changes wouldn’t show unless you saved and refreshed. So I think it was just a temporary glitch that will hopefully be resolved soon
Hei Chris - thanks so much for that brilliant solution! But is there an option that my client can doublecheck the the case in draft mode, before i release it for everybody? Linke a preview link? Thanks so much - greetings Markus
Just got this and had a question... followed the instructions and it makes the logos just disappear. Does the website need to be fully live in order for it to be working? Currently in the trial period and thought that could be it.
It should work in trial mode. Can you send me an email through my code support form on my contact page with a link to the site please? I’ll take a look
This is great! I have a couple of questions please before I buy. Does this work with the side bar view? Is it possible to have all categories and subcategories displayed at the same time? Finally is there a way to choose multiple categories to narrow down what the user wants (e.g. the following can be selected at the same time so the user can find a large white bowl: color=white, product =bowl, size=large). Thank you!
Hi Melissa, no my plugin only does what is shown. I recommend checking out the Squarespace Universal Filter plugin. It is more advanced and can do the type of filtering and sorting you are talking about
You're a legend! Thanks for sharing this Chris, appreciate your support 🙌 Glad to hear you like the Google Search Console connection feature - I also feel you did a great job at explaining that these are recommendations, you don't have to follow them like laws - use them as guidance, and do what you think is best for your business.
Great video! I may have been approached by them via email. I’ll have to go back and see! Question: can we play some css magic to make an H1 appear as a small size and have an h2 be larger just for designs sake? I’m thinking you could still create a new h1 to get your score higher but not have to sacrifice your large heading. This is what I struggle with when working with my SEO contractor. I tried it out recently but not sure if it plays nicely with SEO results. Thanks Chris!! Truly a great video.
Hi Alicia, yes I am revisiting this page and am planning to do exactly what you mentioned - using CSS to change the heading size while keeping the semantic heading tags to be the ones I need. I’m still working on the best way to implement it but I will make a video about it once I do.
Great video! I may have been approached by them via email. I’ll have to go back and see! Question: can we play some css magic to make an H1 appear as a small size and have an h2 be larger just for designs sake? I’m thinking you could still create a new h1 to get your score higher but not have to sacrifice your large heading. This is what I struggle with when working with my SEO contractor. I tried it out recently but not sure if it plays nicely with SEO results. Thanks Chris!! Truly a great video.
Hello, now that I jave done all the steps, my pop up works well with the image bit doesn't close when the x button is clicked, how could i fix it or what did i do wrong?
Can this work for a large “panorama” ? I made a huge wide panorama / cut it up into 1000x1000 for Instagram galleries but would love for it to auto scroll and loop like this? The carousel gallery doesn’t loop…
The logos must span the page in order to scroll infinitely. If you don’t have enough logos to span the page then upload them twice. Also please email me for customer support!
It wasn’t as big so it never really was a consideration at the time. I’ve heard it’s big on gamification but for me I like the simplicity of Circle. So many different options you can do with just a few “ingredients” per say
Amazing so helpful Chris! I was using a Elfsight logo showcase plugin that was glitching and crashing on apple phone and I found your plugin and video - It worked perfectly first time on all platforms and browsers! I love the fade at the edges you introduced - it looks so slick! Thank you so much I should have checked out your plugins and advice first!
Hi this has been a terrific help and I'm almost sorted. I've added the HTML in the label section of the check box. Now at the bottom of the form, the wording is correct - ''by checking the box I agree to the contract''. So the html appears to be working, but it doesnt link! It's just a sentence. Any thoughts please?
LOVE!! This worked when I put it on my home page and I wanted to add it to my contact me page at the bottom and that's when I noticed it did not work. Will this only work in one page on the entire site? Or can you add it to multiple pages? Thanks so much! So happy I found your page.
You can add it to multiple pages! Just make sure the JavaScript is in the site wide footer code injection and the CSS is in the custom CSS window and you can use it on multiple pages. Just make sure the section settings are correct. I recommend once you have one set up, save it as a saved section and then you can easily add it to other pages
This is a wonderfully informative video. Thanks Chris. Could you also inform me how much would you generally charge for building a website like this? And how much did you used to charge for basic "brochure" type websites, when you were a beginner? Thanks in advance 🙂
How much would you charge clients for building a website like this for them? Could you inform freelancers like me who are beginning in this journey, about appropriate prices for various website building projects.
I am not sure because I have only used it with Squarespace. I have actually gone away embedding now though since any emails take people directly to the community link and not to the embedded site which results in sort of a disjointed experience. So it turned out to be better not to embed it.
I agree, one of the best How To videos I've watched. Thank you! I just subscribed. Question... How do I go about making the buttons add the item to the cart? This is my first ecommerce site. It is not a physical product so it doesn't need shipping etc. Your buttons say "Learn More". Do I need to link to another page, a product, or ...?
Thanks! Squarespace has product blocks you can use instead of regular button blocks. Then just hide everything in the product block except for the button.
This is so great Chris, I was searching for a work around and found your great solution. Thanks. so much for creating this . Such a necessity for UX both on desktop and mobile and removes the headache of creating another category called All so all does show up. Really hope Squarespace spend some time improving the shop experience and design interface for both mobile and desktop. Especially when you get into sub categories.