How to add divider above footer on blog pages in 7.1 Fluid Engine

Hi there! I've been searching high and low and cannot figure this one out, so hoping someone can help me with some code.

I was able to add code to my client's website that added a divider above each footer section throughout the website EXCEPT on the blog page and each blog post.

Here's the code I used:

//footer lines//
#footer-sections {
  border-top: 1px #111813
}

Can I add anything to this code to ensure the border also appears above the top footer section on all the blog pages? I've tried other code snippets I've found and some manual workarounds (adding a section to each blog page with a divider) without success.

Here is the site: https://lisa-boyd.squarespace.com/ pw lisa

I've also attached a couple screenshots showing the dividers on non-blog pages and the divider missing on the blog pages.

Thank you for any help anyone can offer!

I can't find blog page on the site. Can you share link to a blog post?

curious what solution you found! I'd like to use CSS add the same divider I have on my other pages (set manually) to each blog post so my client doesn't have to think about it when they add pages. site is millakokura.com but the blog isn't live yet.

@tuanphan @bryncmorg I am also looking for a similar solution to this - I've utilized Squarespace's new section dividers to create a unique divider at the bottom (before footer reveal) of all pages for a client's site and the exception is that I am unable to get it work on blog post pages because I cannot add a section below the blog post.

https://housestudios.squarespace.com/

pw: house

On 10/29/2023 at 5:05 AM, unavolta said:

@tuanphan @bryncmorg I am also looking for a similar solution to this - I've utilized Squarespace's new section dividers to create a unique divider at the bottom (before footer reveal) of all pages for a client's site and the exception is that I am unable to get it work on blog post pages because I cannot add a section below the blog post.

https://housestudios.squarespace.com/

pw: house

You can add it to top of Footer, then we can give code to show it on Blog Post Only

5 hours ago, tuanphan said:

You can add it to top of Footer, then we can give code to show it on Blog Post Only

Thanks @tuanphan Would this work with a footer reveal too? How do I add the divider to the top of the footer? I only see how to add to the bottom of a section? I've added to the bottom for testing here: 

https://housestudios.squarespace.com/

pw: house

On 10/30/2023 at 10:15 PM, unavolta said:

Thanks @tuanphan Would this work with a footer reveal too? How do I add the divider to the top of the footer? I only see how to add to the bottom of a section? I've added to the bottom for testing here: 

https://housestudios.squarespace.com/

pw: house

 

You mean adding a simple divider (just a line) or more complex? if simple, we can use some line of CSS code to do this.

You want to do on all pages or blog pages only? If blog page: blog list or blog post detail?

@tuanphan Slightly more complex - I have a pointed divider that was added with Squarespace's new section divider styling (see screenshots). I have applied it to the bottom section on all pages including the blog list. I also want it to appear on the blog post detail pages but there's no option in the design menu for this (I have already sent a support ticket to Squarespace to add in this feature). I want the pointed edge to appear below pagination on ALL blog post pages and also work with the footer reveal coding added in so the footer reveals behind the divider on scroll (See other pages for proper functionality).

I was able to add the design to the bottom of the footer to pull the coding from if needed but there is no option to add the design to the top of the footer. 

https://housestudios.squarespace.com/

pw: house

@tuanphan Any ideas for this one? Thank you for looking