Store Locator code adding excess padding to website footer

Ask the Community General Questions
1

  • Issue description: I asked Squarespace why there was an excessive amount of padding below my footer and they were able to figure out that it’s because of the Store Locator code I have at the bottom of all of my pages. Any chance this is an easy fix I can make with CSS or JS code?

  • Link to the page with the widget in question: The website isn’t published yet, but I attached some photos to help show the issue. This is what the footer looks like without the code being added to the page:

    Footer without Code
    Footer without Code3024×1036 209 KB

    And this is what it looks like when it’s added:

    Footer with Code
    Footer with Code3024×1528 160 KB

3

Hi there, @Lily_Gamble1 :waving_hand:

Extra padding on Squarespace websites is usually caused by Squarespace’s Fluid Engine editor. To fix it, please add the script below to the Custom CSS field on the Style tab of your widget’s settings

.global-styles,
.fluid-engine:has([class*='elfsight-app']) {
  grid-template-rows: unset !important;
}

Check it out and let me know if it helped :slightly_smiling_face:

4

I added the code, and unfortunately it impacted the spacing on the entire page the widget was added to. I’ve deleted the extra code for now and am tabling the issue while I work on other parts of the website.

5

Got you! To find the optimal solution, we’ll need to check the widget on the website.

Could you please either publish your website and share a link or add a widget to a test page and share a link to the test page? I’ll be happy to check things :slightly_smiling_face: