How do I hide the banner image on Gallery pages

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!

Can you share link to page in screenshot?

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!

Lynne

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!

Lynne

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

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?

You can keep banner, I can check & give CSS to hide banner in live mode.

Would that just be for Gallery pages? I don't want to lose the banner image on other page types.

I guess it is possible

That would be great. I am not a coder, so do not know how to do it 😀

I have the same issue using the template ‘marta’. I want to hide the banner image when I’m in the gallery page:

https://www.erinharrison-art.com/gallery

I tried various code such as:
 

<style>
 .data-parallax-image-wrapper { display: none; }
</style>

but nothing seems to work

any idea?

thanks

5 hours ago, vincepapaix said:

 

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
body#collection-5daf91f8738af132be239811 section.Intro.Intro--has-image {
    display: none;
}
}

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

Vincent