luminescentdreams

Hey everyone! I was just having this issue too and reached out to a friend of mine for help. Here's the CSS code that they sent to update all the headings on the main blog page: .blog-basic-grid .blog-title {font-family:'RoxboroughCF-Regular';} This code was specifically for a "basic grid" formatted blog, so you'll probably need to adjust the CSS for other types of blog layouts. Also, just in case you need it, here's the CSS code to update the pagination font as well: .item-pagination-link .item-pagination-title {font-family: 'RoxboroughCF-Regular';} Thanks so much & let me know if this helped! Alyssa Parr Squarespace Expert & CEO of Luminescent Dreams | Tutorials | Templates | Portfolio 👩‍💻 Hire me to build or edit your website: VIP Days | Custom Web Design alyssa@luminescentdreams.com

Hi @GBD, I know this post is a little dated by now... but I have a slightly different solution to this problem that doesn't involve code (as long as your Squarespace site is on 7.1 Fluid Engine)! Instead of adding vertical lines with code, you can upload a graphic of a vertical line on desktop view and then hide it behind an image or shape on mobile view (so that it doesn't show up). Also, now with Fluid Engine, it should be a lot easier to move your headers around and customize the mobile view layout within each section without needing to code. ✨ Here's a tutorial video explaining exactly how I go about this process: https://www.luminescentdreams.com/tutorials/the-easiest-way-to-create-vertical-lines-in-squarespace-with-no-code Thanks so much & let me know if this helped! Alyssa Parr Squarespace Expert & CEO of Luminescent Dreams | Tutorials | Templates | Portfolio 👩‍💻 Hire me to build or edit your website: VIP Days | Custom Web Design alyssa@luminescentdreams.com

Hi @VanessaDesign_2022 (and anyone else who stumbles upon this forum post), I have a slightly different solution to this problem that doesn't involve code (as long as your Squarespace site is on 7.1 Fluid Engine)! Instead of adding vertical lines with code, I like to upload a graphic of a vertical line (that I created in Canva) on desktop view and stretch it to the full height of the section. You can also hide the vertical line behind an image or shape on mobile view (so that it doesn't show up). ✨ Here's a tutorial video explaining exactly how to do it: https://www.luminescentdreams.com/tutorials/the-easiest-way-to-create-vertical-lines-in-squarespace-with-no-code Thanks so much & let me know if this helped! Alyssa Parr Squarespace Expert & CEO of Luminescent Dreams | Tutorials | Templates | Portfolio 👩‍💻 Hire me to build or edit your website: VIP Days | Custom Web Design alyssa@luminescentdreams.com

Hi @b_tee (and anyone else who stumbles upon this forum post), I have a slightly different solution to this problem that doesn't involve code (as long as your Squarespace site is on 7.1 Fluid Engine)! Instead of adding vertical lines with code, I like to upload a graphic of a vertical line (that I created in Canva) on desktop view and then hide it behind an image or shape on mobile view (so that it doesn't show up). This method won't create a sticky split section, but you'll be able to extend the vertical line all the way to the top and bottom margins of the section. ✨ Here's a tutorial video explaining exactly how to do it: https://www.luminescentdreams.com/tutorials/the-easiest-way-to-create-vertical-lines-in-squarespace-with-no-code Thanks so much & let me know if this helped! Alyssa Parr Squarespace Expert & CEO of Luminescent Dreams | Tutorials | Templates | Portfolio 👩‍💻 Hire me to build or edit your website: VIP Days | Custom Web Design alyssa@luminescentdreams.com

Hi @byandreavaldes (and anyone else who stumbles upon this forum post), I have a slightly different solution to this problem that doesn't involve code (as long as your Squarespace site is on 7.1 Fluid Engine)! Instead of adding vertical lines with code, I like to upload a graphic of a vertical line (that I created in Canva) on desktop view and then hide it behind an image or shape on mobile view (so that it doesn't show up). ✨ Here's a tutorial video explaining exactly how to do it: https://www.luminescentdreams.com/tutorials/the-easiest-way-to-create-vertical-lines-in-squarespace-with-no-code Thanks so much & let me know if this helped! Alyssa Parr Squarespace Expert & CEO of Luminescent Dreams | Tutorials | Templates | Portfolio 👩‍💻 Hire me to build or edit your website: VIP Days | Custom Web Design alyssa@luminescentdreams.com

Thanks so much for your feedback @paul2009 🙌 I'll look into 3rd party solutions in the future if needed.

Hi Squarespace Circle members! This is my first time building a website for a non-profit organization that needs a donation form & button integrated into their website. What we would like to do is have the form that donors fill out (to specify the amount of their donation, name, email address, etc) directly on the Donate page. When I went to set up the donate button and customize the fields, however, Squarespace only displays a donate button by itself. It won’t show the custom form fields until people click the donate button and go to the next screen, which takes them through the ecommerce checkout process. Has anyone found ways to integrate the custom form fields BEFORE the donate button (instead of on the next screen once people click the button)? Thank you! - Alyssa Parr