(Squarespace) How to add an Image to Post Submit Message

[tuanphan]

To add an Image to Post Submit Message. Like this.

#1. First, you need to find Form Block ID.

In my example, it is: #block-yui_3_17_2_1_1736910082147_12831

#2. Next, use this code to Custom CSS box

div.form-submission-text:before {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2025/03/06/08/25/blueberries-9450130_1280.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 300px;
    height: 100px;
}

To adjust image size, you can change these lines.

To move image under post submit text, change to this code

div.form-submission-text:after {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2025/03/06/08/25/blueberries-9450130_1280.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 300px;
    height: 100px;
}