Jump to content

How do I hide the banner image on Gallery pages

Recommended Posts

Site URL: https://heseltinegallery.squarespace.com

Hi. I am using the Foster template (Brine family) and am using the Gallery page to display various exhibitions for this art gallery. I am also using Gallery pages in Index pages. How can I hide the banner image from Gallery pages only (not other page types)?

Currently, I add the images then go to the Gallery Page Settings and remove the banner image. But when I edit the Gallery page, it automatically reappears. There must be a way of stopping this. Can anyone help please?

Thank you!

Banner image after editing the gallery.png

No banner image.png

Link to comment
  • Replies 11
  • Views 1.3k
  • Created
  • Last Reply
6 hours ago, lynne said:

Hi. Yes, sure. That one was: https://www.theheseltinegallery.org.uk/focus-on-photography which is an Index page. But it also does it on all the gallery pages if you edit them, eg, https://www.theheseltinegallery.org.uk/tactile-fusion-2020 (all the pages under the Photos dropdown).

Thank you!


I don't see banner image. Did you solve?


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

No, I just removed it from the settings by clicking on the cog and deleting the banner image. But every time I edit a gallery, it automatically puts a banner image back in. I wondered if there was some code that would tell it not to add a banner image to a gallery page?

Link to comment
  • 1 month later...

Amazing, thanks Tuanphan

I modified the code as I wanted to remove the banner on the desktop website as well. I added this code in the code injection of the gallery page

@media screen  {
 section.Intro.Intro--has-image {
    display: none;

Then, I had to adjust the 'Content Section Spacing' in style in order to avoid overlapping images/text

thanks again


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.