FREE Split Color Section Background

$0.00

Want your section background to be two different colors?

You can check out a few live variations of this here!

Want your section background to be two different colors?

You can check out a few live variations of this here!

Instructions

  1. Copy and paste the following code to Custom CSS.

  2. Use the Squarespace ID Finder to find your section ID, and add it where it says SECTION_ID_HERE in the code. It will look something like this: section[data-section-id="66f200ee8f72710383ea3cad"]

  3. Voila! You’re done!

Customizations

  • Change the value before deg to change the angle of the dividing line

  • Change the values after the hashtags (#) to change the colors (you can find color values by using tools like ColorSlurp or HTML Color Codes.

License

This plugin comes with an Unlimited Use License. View License Terms.

Was this plugin helpful? Consider buying me a coffee to say thanks!