Why are there different footer formats on different pages?

My site isn't live yet, as I don't want to launch with the issue that I'm experiencing. The layout of my footer is different from page to page. I thought that when you created a footer on the Home page, that footer was the standard across all pages on the site, unless otherwise designed. 

Attached are two screenshots - one that illustrates the footer that we'd like to have (once we can figure out how to vertically align the logo with the text) and the other, from the Contact Us page, that shows the text centered in the section. When we open the text block, we're unable to left justify the text so that the format looks like the Home page footer.

The only custom CSS that I have on the site is to bring the footer text closer together and resize our logo. 

This is what's currently in the Custom CSS field.

p {
 margin-top: -30px !important;
}
.image-block {
    transform: scale(0.65);
}
}

Any suggestions on how we can tackle this issue would be great! 

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

@creedon Thank you for taking pity on us coding pedestrians and offering to take a looksee.

The site-wide password is P3ga$auru$1.

The URL?

Doh! The current working URL is chrysalis-gar-7lhd.squarespace.com

Quote

The layout of my footer is different from page to page. I thought that when you created a footer on the Home page, that footer was the standard across all pages on the site, unless otherwise designed.

This is true. What you've done on the pages where the footer is centered is the unless otherwise designed. For example the Services page. There is a Markdown block with code similar to the following.

That code is using a div selector which is very general and is trying to target all the divs in the page. Removing the Markdown blocks will resolve the footer issue. But you'll probably need to fix some other alignment issues. I suggest using SS built-in features where possible.

Thank you for diagnosing the issue!

Do you know how we go about removing the markdown blocks? When I select the Footer section in Edit mode, we're only able to select the Image and Text blocks.

Those blocks are somewhere in the page sections above the footer section.

Amazing! Thank you for your patience, @creedon. I successfully replaced the markdown blocks on those pages with standard text blocks and the footer snapped back to normal.

Any suggestions on how to get the top of the footer image to vertically align with the top of footer text? I suspect there's some inner padding built in to the SS image blocks, but haven't found a CSS workaround.

Quote

Any suggestions on how to get the top of the footer image to vertically align with the top of footer text?

Yes. In Design > CSS you have the following.

footer .image-block {
    transform: scale(.65);
}

Replace with with the following.

footer .image-block {

  width : 50%;
  
  }

The scale, scales on a center point. In other words it shrinks to a center point of the image, leaving space around.

Let us know how it goes.

Thank you @creedon! That looks great. 

Is there any way to bring the text block closer to the image from the left so that there's not as much space between the right side of the image and the left side of the text?

On 3/11/2021 at 10:58 AM, PegasusRDM said:

Thank you @creedon! That looks great. 

Is there any way to bring the text block closer to the image from the left so that there's not as much space between the right side of the image and the left side of the text?

Hi. Have you solved this yet?