Jump to content

How to Align Footer Middle Block to Left?

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

Link to comment
  • Replies 4
  • Views 619
  • Created
  • Last Reply
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 the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

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