full width x2 images

Site URL: http://ladybug-yellow-yg4k.squarespace.com

Would someone be able to help me with creating some code to made these 2 square images panels full width without a gutter. I want them to look as a normal full width header does... but just split into 2. They should stack when on mobile.

Your site is private. Can you setup password & share url?

The site should be live with this password now.

www.megaclean.org

6Mm2Y.!tATEn)qp2

Is anyone able to help one this one?

Graeme

Incorrect password. Can you check again?

For some strange reason all passwords that I enter won't let me in either. So I've made it public for the moment.

Your site has password

I have checked all the pages and all the settings are set to public.

I've now reset and password is 'testing'

Could someone help with the above? Please!

Add to Home > Design > Custom CSS

[data-section-id="5ed67b7843345e76c99df9ba"] {
.content-wrapper {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.image-block img {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
}
.image-block {
    padding: 0 !important;
}
}

1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS

[data-section-id="5ed67b7843345e76c99df9ba"] {
.content-wrapper {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.image-block img {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
}
.image-block {
    padding: 0 !important;
}
}

 

Thanks so much for this. There seems to be some padding after the yellow panel that can't be removed with the alignment tool. Do you know why that is?

Bump

[data-section-id="5ed67b7843345e76c99df9ba"] {
.content-wrapper {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
	padding-top: 0 !important;
}
.image-block img {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
}
.image-block {
    padding: 0 !important;
}
}

remove code I sent, and use this

Perfect. Thanks for your help Tuanphan.