Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
saramayel

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

Question

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!

Edited by saramayel
Initial Revision

Share this post


Link to post

9 answers to this question

Recommended Posts

  • 0

@saramayel Add to Home > Design > Custom CSS


/* Insert Image */
body#collection-5d795777891cc1028fed5189 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;
}
/* 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;
}


Share this post


Link to post
  • 0

thanks saramayel for sharing


[thetechflux][1] is all about technology and they are providing premium apks for free like [shadowfight mod apk][2] [1]: https://thetechflux.com/ [2]: https://thetechflux.com/shadow-fight-2-mod-apk-unlimited-money

Share this post


Link to post
  • 0

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

Edited by saramayel
Initial Revision

Share this post


Link to post
  • 0

@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
}









Share this post


Link to post
  • 0

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.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...