Skewed newsletter block (7.0, 7.1 CE & 7.1 FE) - Newsletter Block

All CSS tricks7.07.17.1 CE7.1 FECool look
Written By Beatriz Caraballo

About

Change up the default Newsletter Block style with this copy/paste code snippet.

Achieve a funky skewed look in just a few minutes and adjust the colors, borders and “skewdness” by playing with the existing CSS properties or adding in your own!

  • This particular snippet is compatible with:

    • Newsletter Block

    • Squarespace 7.0

    • Squarespace 7.1

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Alternative image on hover (7.0 & 7.1 CE) - Image Block Stack
Next

Adding a description (7.1) - Portfolio Page Grid Overlay