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
Thanks!
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.
- Formula to determine perceived brightness of RGB color
- Check if selected file using edmodo cropper library is an image or not
- How to find my images in my folders using the picture element in HTML?
- Convert RGB color to English color name, like 'green' with Python
- One dimensional edge detection
- Adding external images to PDF using iText
- How to convert an imagehash to a numpy array?
- Swift: Display Image from URL
- Changing image size in Markdown
- 'InfoKey' is not a member type of 'UIImagePickerController'
- WooCommerce get first gallery image as fallback, if post thumbnail is missing and at least the placeholder image
- How to display multiple images in Unix command line?
- How to check if a file is a valid image file?
- Injecting javascript thourgh <img>-tag
- Watermarking with PDFBox
- Got an error Invalid src prop ('here is a link') on `next/image`, hostname "localhost" is not configured under images in your `next.config.js`
- How to display images saved in wwwroot in ASP.NET Core projects?
- Convert RGB to class / single integer value
- How can I change an image source based on text content?
- Trying to download all of the images on the website using javascript
- Error converting base64 to real image - file could not be opened
- HTML Image not displaying, while the src url works
- How to preview multiple inputs
- How do I get onmouseenter and onmouseleave to report with respect to an image rather than to its containing div?
- SVG: stretching an image
- Cannot convert base64 string into image
- Converting Image Python code to C#
- Count the number of rectangles in an image
- OpenCV can't find ORB
- How to stack images horizontally in README.md