Instagram full width and at the bottom

Site URL: https://bernardandhawkes.com/the-library

Hi, 

Does anyone know how I get this instagram block to be full width and at the bottom of the page in place of a footer? https://bernardandhawkes.com/the-library

I tried this code but it made everything full width...

.page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section).section-height--medium>.content-wrapper {

padding: 0px;}

@laurenjaynehughes You can add the following CSS to overwrite the left and right padding:

CSS:

/* Target the section that contains instagram strip */
[data-section-id="5ee267268d3c4e3e60b9302b"] > .content-wrapper {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@jpeterThank you so much! Do you also have any idea how I can make sit at the bottom of the page?

Thank you!

@laurenjaynehughes are you wanting the block to sit flush with the bottom of the page like this?

 

@ryandejaegher Yes! I have tried a few things and couldn't get it to work.

@laurenjaynehughes 

/* Add this code to Design -> Custom CSS */

[data-section-id="5ee267268d3c4e3e60b9302b"] {
    min-height: unset !important;
}

[data-section-id="5ee267268d3c4e3e60b9302b"] .instagram-block {
    padding-bottom: 0px !important;
}

THANK YOU SO MUCH!!

I don't know that I would have ever figured that out! 

Is that min-height: unset a common thing? I had tried min-height at a zero value but no joy!

@laurenjaynehughes you were probably missing the !important at the end, it seems like you need to add this a lot to override css in Squarespace