Depending on how wide you have this set, your blog posts may become difficult for readers to follow along with. If you’re embracing the long-scrolling page trend with your website, it’s important to break up your page into clearly defined, easy to digest sections (especially when there is a lot of text!)Ĭolor blocking is one of the most effective ways to indicate the start of a new section and is bringing all the CSS savvy you need to add color to your text block’s background and make it really pop! (Check out that post here).Īs points out, your blog page width will automatically default to whatever you set your page width to be in your site’s style editor. If you are looking for a way to add a half, angled, or floating backgrounds to your page sections (with and without parallax scrolling), then look no further than this post - another one by our friends over at Thirty Eight Visuals!Ģ4.
add a half background to your page section You can find the CCS snippet needed to change that here. CHANGE THE BACKGROUND COLOR OF A GALLERY BLOCK TO TRANSPARENT OR A COLORįind the background color of the gallery block annoying? Me too. Normally however Squarespace footers are just one color, and I like for my opt-in gift to be really noticeable and pop! So, making the footer a different color really helps with this. This one is hands down my fav, because I always love putting opt-in gifts in footers, cause you know, they show up on every page of a site so they tend to convert really well!
SPLIT YOUR SQUARESPACE FOOTER INTO TWO COLOR BLOCKS If you're also not a fan of the underline look, then I have just the CSS you need to get rid of it in this post.ġ1. However, a lot of the templates have underlines for links, and that makes things look rather squished and messy. HIDE THE UNDERLINE BELOW LINKS IN YOUR SQUARESPACE FOOTERĮven if the template I'm using has a footer navigation, I end up just creating text links for my footer, because I like the flexibility of design better with text links than the footer navigations. I’m sharing the custom CSS you need to hide your header, navigation, and footer in this post.Īnd while you are over there, you may as well check out CSS hack number 10, 11, and 12, too…ġ0.
To do this, you are going to want to remove all other distractions that would potentially lead them away from that page (yes, even if it’s to another page on your own site)! When you have a page with a very specific goal, such as getting a visitor to opt-in to your email list or purchase something on a sales page, it's considered best design practice to give only one option on that page (the thing you want them to do). HIDE THE HEADER, NAVIGATION & FOOTER ON SPECIFIC SQUARESPACE PAGES
#ADD BORDER TO TEXT CSS HOW TO#
Check out her post How to add h4 & h5 to your squarespace website.ĩ. Want to add a different style, size, or color of font option to your text block, beyond what you’ve already assigned in your style editor settings? Messua over at Mesua Design & Media has got you covered. Add extra heading style options to your text block editor (ie.
#ADD BORDER TO TEXT CSS CODE#
Before you go copy and pasting every single line of CSS you can find, I highly suggest that you check out this little disclaimer from our friends over at Squarespace, first.ģ5 CSS code snippets & plugins for your Squarespace siteġ.
#ADD BORDER TO TEXT CSS FREE#
So I figure, give the people what they want, right? Today, I’m doing a round-up of alllll the fabulous free CSS code snippets and plugins for use with your Squarespace site! It’s 100% possible to be an uber successful Squarespace designer without the use of code, and yet CSS is one of the things I’m most asked about, or is most searched on the blog! (Hoping to turn those sick new Squarespace skills into a successful, totally booked out design biz? My course Square Secrets Business has you covered, too.)
If you’re ready to ditch the cookie cutter designs and learn the advanced secrets to making a truly fabulous website, then Square Secrets is the place for you! In fact, I created an online course to show you just how to do that! All the time.)Īnd one of the reasons for my undying love of this platform is that it allows you to create a completely custom, nothing-like-the-template, absolutely gorgeous, client-converting machine of a website…without ever having to learn to code! 😱 When it comes to web design, it’s no secret that I’m one platform kinda gal.
0 kommentar(er)
