Jump to content

How to Align Footer Middle Block to Left?

Go to solution Solved by creedon,

Recommended Posts

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

current.png

goal.png

Edited by edstudio
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution
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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.