(Squarespace) How to change Footer Image on Portfolio Page

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

#1. Change Footer Image on All Portfolio Pages

You can use this code to Custom CSS box.

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

#2. Specific Portfolio Page

You can find Portfolio Page ID.

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

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

(replace # with body. )

Next, use this code to Custom CSS

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

1 Like