Add time delay to certain blocks

If you want to add time delay to certain blocks on Squarespace, you can follow these simple steps.

  • Blocks will appear after some seconds
  • If you can’t make it work, you can comment or message me with link to page where you use blocks, I can check easier.

#1. Install Squarespace ID Finder to find the ID of Block.

In my example, we will have:

  • #block-yui_3_17_2_1_1719906734967_2500

#2. Use this code to Custom CSS box

#block-yui_3_17_2_1_1719906734967_2500 {
  animation: showX 2s 10s forwards;
  opacity: 0;
@keyframes showX {
  to   { opacity: 1; }