Squarespace Section issue with FAQ block added

I have used FAQ blocks in multiple sites, and when I add now it changes the section width of the whole page and all sections. I can’t seem to find a solution to why this is happening. There is very little CSS applied on the entire website. Please advise how to address this.

this is the page: Test — Charis Counseling Associates

1 Like

Hi @Adam_Moseley :wave:

I am so sorry for this issue!

I’ve forwarded your request to the devs. Once anything comes up, I’ll get back to you :slightly_smiling_face:

Thank you for waiting @Adam_Moseley :wave:

The thing is that Squarespace incorrectly calculates the size of the widget block, causing it to shift and the content to be misaligned.

To fix this, please add this code before the widget’s installation code:

<style>
  html.squarespace-damask .sqs-blockStatus {
    display: none !important;
  }
</style>

Let me know how it worked :wink:

1 Like

I think you can also use this code to Custom CSS box then save & reload the page

main#page {
    width: 100% !important;
    margin: initial !important;
}
2 Likes

Hey Max, adding this code before the code does not work still. Same exact problem. Hasn’t fixed anything.

1 Like

Hm, it seems to be working fine on my end now:


If the issue still persists, please try to check your website in incognito mode.

This below worked for some reason. I added to the Custom CSS on squarespace.

“I think you can also use this code to Custom CSS box then save & reload the page”

main#page {
    width: 100% !important;
    margin: initial !important;
}
2 Likes

@tuanphan a huge thank for your assistance :heart:

@Adam_Moseley Glad to hear that the 2nd solution worked for you! If any further questions come or any help is needed, don’t hesitate to contact us here :slightly_smiling_face:

1 Like