Jump to content

Please Help: Formatting iframe via Google Sheets

Recommended Posts

Site URL: https://www.haystackd.io/about

I'm having an issue with my SS site that I've never seen before and it's driving me crazy (tried everything). It's related to iframe(s) via Google Sheets that have been formatted perfectly until now, and I'd be incredibly grateful for any tips/advice.

This issue(s) can be seen at https://www.haystackd.io/about in the "Fast Facts" section and basically, I'm getting blank spaces (looks like a 1px line) to the left of each figure that's listed there. Again, these figures are coming in via iframe from a Google Sheet and for months I've had no issues with the formatting.

Through trial and error, I'm confident this empty space is likely coming from the Google Sheet (not the exterior element) and iframe sizing doesn't seem to be the issue as the line remains regardless of how big/small I make dimensions. Additionally, I don't think this is a problem with borders/overflow as they've already been eliminated. When I inspect the element/empty space, it appears it's a styling component called "row-headers-background.row-header-shim" but I've never seen/heard of this before and I get the same line/empty space when testing with other Google Sheets.

I've included a screenshot of what I'm attempting to eliminate and once more, I'd really appreciate any assistance. Let me know if you have any questions and I trust the solution to this issue might be helpful for other members in this Community utilizing iframes in SS. Thanks!

Haystackd_SS Site_Screenshot.jpg

Link to comment
  • Replies 1
  • Views 377
  • Created
  • Last Reply


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.