(Squarespace) How to change Footer Image on Event Page

If you set Footer Image, and you need to change it to another image on an Event Page, you can follow these.

#1. Change Footer Image on All Event Pages

You can use this code to Custom CSS box.

body[class*="type-events"] footer.sections img {
  content: url(https://cdn.pixabay.com/photo/2024/05/19/13/27/daisies-8772617_1280.jpg);
}

#2. Specific Event Page

You can find Event Page ID.

In my example, it is:#collection-67b838a48c2039685c8e4744

You need to change it to this format: body.collection-67b838a48c2039685c8e4744

(replace # with body. )

Next, use this code to Custom CSS

body.collection-67b838a48c2039685c8e4744 {
 footer.sections img {
  content: url(https://cdn.pixabay.com/photo/2024/05/19/13/27/daisies-8772617_1280.jpg);
}}

1 Like