Block IDs for Intro and Footer sections - Squarespace 7.0

Hi all,

I've recently created a floating button for one of my pages. By assigning some blocks a higher z-rating (in CSS) than my button, I have been able to hide the button on some parts of the page. I also want the button to be hidden by the Intro Banner and the Footer. Do you know where I might find the block IDs for these sections? I've been using a plug-in to determine the IDs of other blocks but none show up for these two sections.

Also, am I going about this the right way using z-ratings or is there a better method for hiding the button in certain places?

Page URL: https://www.rowandsreef.com/enriched-air

Thanks,

Sam

First section is .Intro, footer is .Footer

But you can just target page id

#collection-65b594311878582ed1a07baa #floating-button {
   display: none;
}