Jump to content

inside_the_square

Circle Member
  • Posts

    187
  • Joined

  • Last visited

  • Days Won

    2

Status Updates posted by inside_the_square

  1. Today is a HUGE day for little ol' me - I just passed the 20,000 subscriber mark on my YouTube channel!!! 🎉 🥰 🙌

    I know a big chunk of those 20,000 are a part of our Squarespace community right here on the forum so I had to cross post my thanks ❤️

    If you are one of my subscribers, thank you for your support! It's an honor to be your teacher and to share a new Squarespace tutorial with you week after week 🥰

    And if you aren't a subscriber yet, then you are in for a treat! 😉 I've got over 400 published tutorials for creating and customizing Squarespace ready for you to explore:

    https://youtube.com/insidethesquare

  2. I posted a new tutorial today - how to change the style of hyperlinks in text blocks on a page! We're removing the underline, changing the color, and creating a hover effect.

    This is the main selector from the video; it limits the changes to any links inside an html based block on the page, which means the site title (if it's text) and footer links aren't effected:

    #page .sqs-block-html a

    To see the code in action, including the hover effect, you can check out the free tutorial on my blog at https://insidethesquare.co/squarespace-tutorials/hyperlink-style
    (ALL)BlogPostTitleTemplate.thumb.png.cd2ad151e88bdbfd8645bb9095c2a18d.png

     

  3. Gallery sections are a great way to display images, but the caption style options are a little.. uh... lacking 😬 I used some custom code on a client site to create a two-line image caption/description with a little custom style and published it on my blog today! Here is a link to the tutorial with the code I created and a video on how to set it up 🙌

    https://insidethesquare.co/squarespace-tutorials/two-line-caption 

  4. If you need my help with a code project, please DM me here on the forum, or email me directly: support@insidethesquare.co

  5. I had WAY too much fun exploring Courses for the last few months (hooray for beta testing!🙌 ) so I made a tutorial video about it. From setup to settings and all the design options in between, here is an overview of Squarespace courses: 

    https://youtu.be/sRS5_3rneS4

     

  6. Today was a pretty epic day here InsideTheSquare - I launched the digital version of my infamous Squarespace CSS cheat sheet!! 🎉 👩‍💻 🚀

    Yup, this magic is now live on Notion, and it's better than ever. 😎  Hereis a sneak peek of all the awesomeness inside: spacer.png
    You'll have access to over 200+ premade style snippets, 500+ selectors for creating your own code, plus pro tips, resource articles, & my code troubleshooting guide at your fingertips. 🤩

    I'm offering lifetime access for only $34.99... until May 1st when the price goes up to $97 😮

    Snag this deal while you can at insidethesquare.co/css

    PS - If you already ordered one, the update should be in your inbox because you have lifetime access! If you don't see that email, send me a DM here on the forum and I'll get you a link ASAP ❤️

  7. Now that page section dividers are public, I can share my overview tutorial about them! 🎉
    Get the low down on this new design feature here: 

     

  8. That was so much fun!! 🥳I just had an absolute BLAST hanging out with @Sarah_SQSPsharing creative member area strategies with other Circle members in our webinar! So much fun 🙂 I'll be updating the recording to be released later... any last minute questions I should add to the Q&A section? Feel free to DM me or post here! 

  9. Hey there circlers! My Beginners Guide to CSS for Squarespace just got a major makeover and wanted to share it here for you all to enjoy ♥ Here is a link to the PDF - let me know what you think! And if I spelled something wrong, DM pleeeeeease 😝

    Beginners Guide to CSS for Squarespace

  10. Hey there Circle friends - happy #TutorialTuesday🥳

    I have another text tutorial to share, this one with a typing animation. Just like last week's scrolling text, there are two steps to this one. First, you add the code block with the text you want to have "typed" onto the page, and then you add some custom CSS to animate & style it. 


    I made a quick tutorial video to show you exactly how to create it, and how to modify my code to change it up a bit. Check out the free tutorial video along with the codes on my blog at https://insidethesquare.co/squarespace-tutorials/typing-text

    Please feel free to share with anyone and everyone who wants to learn how to create this fancy text animation! I'll be back here on my Circle profile next Tuesday with another CSS tutorial for ya 😄

    💕 All my best - Becca 
    How to create a typing text animation in Squarespace with some custom code from InsideTheSquare

  11. Hey there Circle friends - happy 2021 🥳

    I am keeping up my #TutorialTuesday tradition and wanted to start this year off with a special one; scrolling text. That's right - scrolling text animation is super easy to create on any Squarespace site, and this weeks free tutorial covers exactly that! 

    There are two steps - add the text via code block & then add the CSS to animate it. I outlined it all, along with the codes on my blog at https://insidethesquare.co/scroll

    Please feel free to share with anyone and everyone who wants to learn how to create this effect!
    I'll be back here on my Circle profile next week with another one 😄

    💕 All my best - Becca 

    Scrolling text tutorial from InsideTheSquare - grab the free codes at insidethesquare.co/scroll

  12. have no idea who it was on the Squarespace team that created the selector names for 7.1, but I want to be their best friend. Specifically, the person who decided to name the three lines of the mobile menu hamburger icon .top-bun, .patty, and .bottom-bun 


    ⁠Just stumbled upon that gem updating my list of codes and had to share 😂

    If you wanna make each line to a different color, you can update the colors in this lil' snippet here:
    .top-bun {background-color: pink!important}⁠
    .patty {background-color: teal!important}⁠
    .bottom-bun {background-color: yellow!important}⁠

  13. 📢 New Tutorial Alert - this one works for both 7 and 7.1!

    I wanted to show a fun way of create a pricing table in Squarespace with a little custom code. You can get all the details on my blog here: https://insidethesquare.co/pricing-table

    I'm curious: What do you think of this layout kinda tutorial instead of a one-off code fix?

    Feel free to comment right here on my Circle profile - do you prefer quick copy+paste code fixes or more creative concepts like this one? 🤔 I have a pretty lengthy list of things I want to teach, but it's so much more fun to make free tutorials people actually like... 😉 

     

    How to create a simple pricing table with some clever code - Squarespace tutorial.jpg

  14. Hey folks! New tutorial posted today on my YouTube channel today - how to use an image for a button! This one works for 7 or 7.1 and you can check it out here; enjoy! 😁

     

  15. Hey there Squarespacers! I just clicked the "publish" button on my new "Intro to CSS" tutorial on YouTube channel. If you are brand new to all things CSS, this is a great place to start! Hope ya love it ♥ 

     

     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.