Add a Full Width Banner Section in Blog Posts on Brine Template in Squarespace

**NOTE Ajax Loading has to be turned off in your Site Styles section

Video Timestamps:

1:50 - Add HTML element to Blog Page Header Code Injection
3:00 - Add image to Custom CSS
3:40 - Add image element to Blog Page Header
4:25 - Style the image how we want
6:25 - Install jQuery on your Squarespace site
8:50 - Add jQuery code into your Blog Page Header Code Injection
9:55 - What the jQuery means
11:00 - Change image size (object-fit property)
13:10 - Add a different image on each post

Hope this helps, sign up for my newsletter for more tutorials!


Will Myers

I support web designers and developers in Squarespace by providing resources to improve their skills. 

https://www.will-myers.com
Previous
Previous

Squarespace 7.1 Template Comparison Chart

Next
Next

How to center image cards to the text in Squarespace