Jump to content

V7.0: Can no longer add spacer blocks

Go to solution Solved by paul2009,

Recommended Posts

Posted (edited)

This happened recently. The site is on v7.0 Brine family.

Usually I click on the +, select Spacer, and the empty block appears.

Now, after clicking on +Spacer, nothing appears.

But, the bin icon appears in the top left corner of the page.

 

ALL MY OLD SPACER BLOCKS THAT I USED TO FORMAT ARE GONE. The text boxes's dimensions can be adjusted by moving the boundary lines with the mouse cursor. IIRC previously I used the spacer blocks to do things like that.

 

It looks like it's a weird blend of 7.0 or 7.1? I could be wrong, but the workflow is very messed up.

 

What happened, what am I doing wrong here?

 

image.png.822a7dd0018a2cf1ae6c770249e7b8fa.png

SCR-20230514-njqy.png.4c748959535d939d0b8cc13b74bbc4e5.png 

image.png.9f84c48ee5267793c13a3bf713f2aae3.png

Edited by vurt
Link to comment
2 hours ago, vurt said:

ALL MY OLD SPACER BLOCKS THAT I USED TO FORMAT ARE GONE

First, I recommend that you check if Custom CSS is affecting them. You can temporarily remove it to check. If it isn't, please contact Squarespace Customer Care directly for advice.

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment

Hi @paul2009, thank you so much for your suggestion, I didn't think to look there.

 

I looked at Settings > Advanced > Code Injections but no custom code there at all. Guess I'll reach out to Customer Support.

Link to comment

Did you check in Design > Custom CSS?

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment

OH! No, thanks again @paul2009!! There's some code in there:

 

.sqs-block {
	margin-top: 0px;
	margin-bottom: 0px;
  	margin-left: 0px;
  	margin-right: 0px;
}  

.comment-input {
   color: #000000 !important;
 }

.chevron {
  transform: scale(0.5, 1);
  display: inline-block;
}

.lammay {
  letter-spacing: 0.25em;
  display: inline-block;
}

/* Hyphens */
p, h1, h2, h3 {
 -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
     -ms-hyphens: manual !important;
         hyphens: manual !important;
}

Everything else looks like style, except this, I'm not sure why this is there, could this be the culprit??

.sqs-block {
	margin-top: 0px;
	margin-bottom: 0px;
  	margin-left: 0px;
  	margin-right: 0px;
}  

 

Link to comment
  • Solution
Posted (edited)
Just now, vurt said:

could this be the culprit??

.sqs-block {
	margin-top: 0px;
	margin-bottom: 0px;
  	margin-left: 0px;
  	margin-right: 0px;
}  

Very likely.

Edited by paul2009

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment
4 hours ago, paul2009 said:

Very likely.

That fixed it!! Thank you thank you! I recall what I was trying to do now: I was trying to create a grid of images and wanted to remove the gap between them I think, or adjust. the grid, so I used that block of custom code.

Link to comment
2 hours ago, vurt said:

I was trying to create a grid of images and wanted to remove the gap between them I think, or adjust. the grid

That block of code will affect all blocks. You should be able to achieve what you need with some code that targets the images more specifically. The exact code will depend on the page, the blocks you've used and the way they are laid out.

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.