-
Content Count
90 -
Joined
-
Last visited
-
Days Won
2
-
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-textPlease 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 -
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 -
I 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} -
📢 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... 😉
-
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! 😁
-
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 ♥