Search code examples
imagebackgroundfootertransparentsquarespace

How do I make a Squarespace footer have a background image?


HELP ME please.

In two areas of my Squarespace website I would like the footer section to be transparent. Aka in the ‘Answers’ entries, which are setup using a Blog style, there is a blue panel at the base. I would like the background image above it to continue to the base of the window. Same goes for the ‘Paintings’ pages where there is a white panel at the base rather than the image running behind the footer. The base text should float over the image. It’s setup as a Portfolio style. Please refer to links attached.

https://www.regardsfromyourfuture.com/future-answers/blog-post-title-one-b535f

https://www.regardsfromyourfuture.com/future-paintings/project-one-44zcm-57lgb-6glfy-p2f7c-nbdk9-76lc2-zh5z9

Thanks!


Solution

  • The following CSS, added via Custom CSS / CSS Editor, will accomplish that:

    /* Blog & Paintings Footer/Pagination */
    .collection-60aef7b6d33efb6090ebf095 .item-pagination,
    .collection-60b8480265d7df4bcf8f97ed .item-pagination {
      top: -2.5em;
      height: 0;
      padding-top: 0;
      padding-bottom: 0;
      position: relative;
    }
    

    It targets those two "collections" specifically. It then sets the footer to overlap the section above it.

    enter image description here