Option 1: Add in this simple one liner to bring that first content block on the page to the forefront of your design! Option 1: Add in a spacer block above the first bit of content to move it down the page a bit so it’s not competing with the new header style.
How to move a block in front or behind other elements on the page in Squarespace using CSS Method of CSS injection used: Universalįinding your fancy new header angled/chevron header is overlapping your page content? #00000) to use a different color than the background color you set in site styles for your header or footer.ĥ.
I’ve bolded the bits you need to change to increase or decrease the angle, and where to change the color from “inherit” to your color code (ie. Here’s the code you’d need to make it happen: Mobile, CSS, Responsive Design, Media Queries. Hope you like the Simple CSS Waves, you can see output project screenshots. Now we have completed our CSS section, Here is our updated output with CSS. Now we have completed our CSS section, Here is our final updated output CSS. Here’s my little screenshot to help you dream of all the possibilities! Simple Responsive Images With CSS Background Images. Simple CSS Waves Wave Background Css Pure Css Wave. Here’s where you can get your hands on that fancy little code snippet (as well as the step-by-step for how to get it done!) So Thirty Eight Visuals is here to help you break out of the box and float the block of your choosing between two index sections in 7.0!
In Squarespace, your sections act like walls to contain all your content, so there’s no native (A.K.A built-in) way to make your content span across two sections.īut sometimes it feels good to be a rule breaker! Overlap a block between two sections in Squarespace 7.0 using CSS Method of CSS injection used: Universal P.S If you have found any of the free snippets in this series useful for your own site, be sure to show our featured CSS linguists some love over on their own sites and social! Top CSS tips for customizing your backgrounds & layouts in Squarespace 1. In this post, I’ve rounded up the best free CSS code snippets out there to help you totally transform your Squarespace site’s layout & backgrounds. There’s some pretty important need-to-knows to make CSS magic happen, as well as a few little catch-22’s to think about when adding custom code to your site.īut if you’ve done your homework, and you’re just ready to get your hands on the goods, read on! Andddd we’re back with another post in the Squarespace CSS series!įab! I def recommend checking out the first few posts in the series before going too crazy with any of the copy-and-paste code below!