Change gallery style to full bleed one page only - momentum template

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

Hello, I need some help with changing the gallery style on a single page only. I have two galleries present on this site. One is 'gallery' (homepage), and one is 'exhibitions'. I would like the exhibitions gallery to be centred (as I have formatted now), however I do not wish the same for the homepage gallery - I would like to change this to full bleed. Is this possible with the momentum template? Any help is most appreciated! 

Site password is: Zoran

6 hours ago, earthwindflowermoon said:

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

Hello, I need some help with changing the gallery style on a single page only. I have two galleries present on this site. One is 'gallery' (homepage), and one is 'exhibitions'. I would like the exhibitions gallery to be centred (as I have formatted now), however I do not wish the same for the homepage gallery - I would like to change this to full bleed. Is this possible with the momentum template? Any help is most appreciated! 

Site password is: Zoran

Have you try setting Full Bleed for the gallery section on Home Page?

Thanks for your reply. I am working with momentum template in 7.0 so I don't have this setting option to change the homepage only. My gallery settings apply site wide.

Try adding to Design > Custom CSS

/* Homepage gallery */
body.homepage .slide .imageWrapper img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}

Thank you so much! The code has adjusted the home gallery somewhat, however I have a large border around the image (top, left and right-hand sides). Is there a way to get rid of this white area? Many thanks. 

10 hours ago, earthwindflowermoon said:

Thank you so much! The code has adjusted the home gallery somewhat, however I have a large border around the image (top, left and right-hand sides). Is there a way to get rid of this white area? Many thanks. 

Try this new code

/* Homepage gallery */
body.homepage {
.slide .imageWrapper img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
.slide .imageWrapper {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}}

Works perfectly! Thanks Tuan!!