Jump to content

Footer resize & positioning CSS help needed

Recommended Posts

Site URL: http://www.damonomad.co

Hello Squarespace gurus,

I'm having trouble adjusting elements in the footer of my website.

I'd like to eliminate the padding on top & bottom of the container to make the footer fit better under the page content.

I'd also like for my email address to be closer to the "social icon" block, right justified. There seems to be spacing round the social icons that I can't chip into.

Thanks in advance for the help!

 

Link to comment
  • Replies 3
  • Views 560
  • Created
  • Last Reply

Add to Home > design > Custom CSS

footer.sections section {
    min-height: unset !important;
}
footer.sections section .content-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

With social, you can edit footer > resize social column width

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thanks Tuanphan, this worked perfect!

I have one more padding question if you don't mind. On the bottom of every portfolio section the previous - next project seems to have a huge padding as well. 

I tried to use the same code to edit its padding but it doesn't work:

section.item-pagination.item-pagination--prev-next {
      min-height: unset !important;
}
section.item-pagination.item-pagination--prev-next {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

 What's wrong?

prevnext.jpg

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.