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!
See the Pen Full Width Banner Section in Blog Posts on Brine by Will Myers (@Will-Myers) on CodePen.