Hayden Template: Is there custom css code to add a banner image to a gallery page?

Hello All!

I'd like to keep the styling of my website consistent by having a banner image on my gallery page. Is there any custom css code to either remove the block on the gallery page or add the banner to it?

Thank you for your help!

@saramayel you can use custom css to remove block. You can also add image with custom css. but you should share url first

Would you know the custom css to remove it? Also here is the url: https://www.donatellefurniture.com/gallery-page

There are currently 2 tabs, "Gallery" and "Gallery 2". I'd like to keep the formatting squarespace provides for the gallery page content ("Gallery") while having the banner displayed on "Gallery 2".

Thanks!

@saramayel Add to Home > Design > Custom CSS

/* Insert Image */
body#collection-5d795777891cc1028fed5189 main#page:before {
   content: "";
   background-image: url(https://beaverhero.com/wp-content/uploads/sites/4/2019/09/slidesp1.jpg);
   background-size: cover;
   height: 400px;
   display: block;
   margin-bottom: 40px;
}
/* Full width gallery page 2 */
body#collection-5d795777891cc1028fed5189 main#page {
   padding-top: 0;
   padding: 0;
   max-width: 100%;
}
/* Limit width gallery images */ 
body#collection-5d795777891cc1028fed5189 div#content {
   max-width: 1020px;
}

thanks saramayel for sharing

Hi! Thanks for sharing. However I don't think the code worked for what I'm trying to accomplish. The image appeared under the nav bar as opposed to being the banner image:https://www.donatellefurniture.com/gallery-page

@saramayel have you pasted all code I sent yet? (or just paste 9 first lines???)

Yes I pasted everything you sent me and that's what it ended up looking like.

@saramayel 1. Code I sent, only for GALLERY PAGE 2 2. I checked your code, and I see you inserted 9 links, not all

here code you inserted, ID in code is gallery page, not gallery page 2

body#collection-5d52b5ab5ea646000119693b main#page:before {
   content: "";
   background-image: url(https://2019.themevi.com/spmot/wp-content/uploads/sites/4/2019/09/slidesp1.jpg);
   background-size: cover;
   height: 400px;
   display: block;
   margin-bottom: 40px
}

I've inserted all of the code for gallery 2 and it isn't quite what I'm trying to accomplish... More than anything I'd like to add a banner image to Gallery Page. Gallery 2 was just an example of the banner I wanted for Gallery.