How To Create A Split Layout Cover Page In Squarespace 7.1 // Squarespace 7.1 Tutorial

[@InsideTheSquare]

⚠ IMPORTANT CSS UPDATE ⚠ When logging into Squarespace, if you see the word "Website" at the top of your menu, you are using their new internal navigation! To edit the CSS of your Squarespace website, click on the word "Website" and scroll to the bottom of the list of pages. Here you'll see "Website Tools" - click on that option and select "Custom CSS" to open the CSS panel and add your code here. For more information, watch this tutorial: kzbin.info/www/bejne/m6atonuOqMR_Z68

[@TheFire1202]

Some parts didn't work but it's cool I just took it out. But thank you very cool.

[@InsideTheSquare]

Hey there! This is a pretty standard code, so I'd need to look at your code to see why it wouldn't respond. Feel free to submit a code help request here: insidethesquare.co/code-help](insidethesquare.co/code-help

[@matthewcastor1298]

Silly question, but what if I'm trying to create a landing page that has a left/right color split to the page with text and logo elements on each half for visitors to navigate to a different two different "sites" for our company?

[@InsideTheSquare]

That kinda layout is totally possible with a fluid engine section! You can layer shape blocks, images, and text to create a dual layout. Don't forget to edit the mobile version too ;)

[@djshiflet7704]

This is not working for me

[@antiqueartcollective]

@InsideTheSquare: I've tried this CSS code out and for some reason, this is not working? Even with me nputting the style brackets. I'm on a 7.1 theme so not sure what's wrong. Any idea?

[@InsideTheSquare]

Hey Christina! I'd be happy to help you troubleshoot the problem - submit a help request here so I can see the code in action and help you figure out why it might be acting up. insidethesquare.co/contact/help

[@IAmWesleyCrane]

Is there a way one could make it so that the background under the content was black instead of white?

[@InsideTheSquare]

Hey Wesley! IMHO, the best way would be to use the color themes in 7.1 so you don't have to force a browser to overwrite it. You can set that background under Design > Colors > Section Themes and set up a theme with the background/text colors you want to see 👍👍

[@IAmWesleyCrane]

InsideTheSquare thank you!!

[@adamvollelv2632]

@@InsideTheSquare hey i tried doing that but its only changing the color under the photo and not the margin! am I missing something ?

[@sky_shrimp]

@@adamvollelv2632 @InsideTheSquare I'm having the same issue. Any chance you were able to figure this out?