Add a VERTICAL LINE Divider in Squarespace (7.0 & 7.1) ✨ Copy + Paste Code Included!
Вставка
- Опубліковано 4 лип 2024
- ⚡️ FREE TRAINING⚡️ DIY Your Dream Site: 5 key steps to a stress free + beautiful website - Join instantly here: bigcatcreative.com/free-train...
Vertical lines are great as dividers or as decorations to draw the eye down the page in website design. While Squarespace has so many great content block options to make designing your website super easy and sleek, we all know it does miss the occasional feature... one of them being vertical lines! So this week, we show you how to add a vertical line to your Squarespace site in two quick easy steps and a little copy + paste code.
TIMESTAMPS:
00:00 Intro
00:15 Add your code block + cide
01:53 Add your CSS code
07:04 Add multiple vertical lines
MENTIONED IN THE VIDEO:
👉🏼 Read the written post on this topic and get the COPY + PASTE CODES: www.bigcatcreative.com/blog/vertical-line-squarespace
👉🏼 Squarespace: squarespace.syuh.net/bigcatcr... *
👉🏼 HTML Color Codes: htmlcolorcodes.com/
💰 SQUARESPACE DISCOUNT CODE: Use code BIGCATCREATIVE10 for 10% off your first year of Squarespace! Sign up here squarespace.syuh.net/bigcatcr... *
📣 Want Squarespace Tips straight to your inbox every week? Sign up here: bigcatcreative.com/tips
💻 Ready to up your Squarespace Website Design? Check out our Squarespace Template Kits: bigcatcreative.com/templates-yt
MORE GOODIES:
👉🏼 Visit our blog full of Squarespace Tips & Tricks: bigcatcreative.com/blog
👉🏼 Follow us on Instagram: / bigcatcreative
*This is an affiliate link. I may earn a commission if you sign up using this link, at no cost to you, of course :) I only promote things that I love and recommend.
I love how simple you can explain. Such a fan of your content! :) Its helped me tons with my business.
Honestly, so grateful for your videos. I hired a web designer and she did an awful job, so ended up doing everything myself eventually. Your videos helped me so much! I know I already left two comments, but just needed to tell you again 😅Thank you, so valuable 👍🏽
Aw I'm so sorry to hear that! It's sad how much that happens these days. And I'm really glad my videos are helping!! Thanks for the comments, appreciate it :)
Thank you so much for this! I am trying to figure out how to make the line height shorter for mobile and it isn't working in media query, any suggestions? TIA :)
Hey! Hmm it should work with a media query, if you want us to troubleshoot it you can contact our extra support service bigcatcreative.com/extra-support otherwise you could also try creating 2 different lines and use the display:none to hide/show on mobile vs desktop :)
I’m thinking this is also what you’ll use for the lines that look like forward and back slashes. I’ve seen it a lot on intro pages… is that correct?
Not sure exactly what you're referring to so I can't say, sorry!