How to Align Footer Middle Block to Left?

Site URL: https://chihuahua-wrasse-j3yk.squarespace.com/

Hi there,

I'd like to align a block in my footer to the left. It currently looks like the first screenshot, but I'd like it to look like the second screenshot. The block I'm trying to move is the Footer Middle Blocks. I tried #footer-middle-blocks in custom CSS but that didn't work to align it left. The navigation is perfect where it is.

Thanks in advance!

PW: edstudio

What template are you using?

@creedon I'm using Brine.

Quote

 

/*

  Grow Footer Middle Blocks.
  
  Dependancies
  
    Brine Template
    
  */

.tweak-footer-layout-columns .Footer--mid .Footer-blocks--middle {

  -webkit-box-flex: 1 1 300px;
  -moz-box-flex: 1 1 300px;
  -ms-flex: 1 1 300px;
  -webkit-flex: 1 1 300px;
  flex: 1 1 300px;
  
  }

 

Try the above. I suggest removing any previous CSS you created to try and achieve the effect you wanted. Make a copy in case you want to put it back. First you want to make sure the spacing is correct and then if you have coloring and such you want to use from your previous attempt put it in minus spacing stuff.

Let us know how it goes.

Thank you! That worked!