Jump to content

Extra Space - Please help

Recommended Posts

Posted

Site URL: https://demo-61w23.squarespace.com/config/pages

Hi All,

I've created a building graphic and have each floor set as its own rollover image using code blocks. It works perfectly however there needs to be absolutely no vertical space between the code blocks in order for it to look like a single image. Right now, there is a small amount of space that is showing up between each floor and ruing the effect, how can I get rid of it??

Currently I am using this bit of css which helps a bit but not completely. I tried also setting the padding to  " 0 0 0 0 " as well as adding "margin: 0 !important" without any luck.

.code-block {
padding: 0 !important;
}

https://demo-61w23.squarespace.com/config/pages

the site password is:  demo61w23

  • Replies 5
  • Views 1.2k
  • Created
  • Last Reply
Posted
18 minutes ago, derricksrandomviews said:

Try -10 in place of the 0. Very effective "one page" site. Crongrats, nice work. 

Thanks so much for the feedback Derrick!  That was a good idea, I didn't even think of going negative but unfortunately it didn't work for me. 😕 It actually increased the space! Ha, can you imagine?

Posted

Did you try different numbers? -1, so on? -10 may have been a bit too much. This is the code I use, just some space differences.

.code-block {
	padding: 0 !important;
}

Some say to use a rule with more specific instructions. You can adjust the -number if needed. 

.sqs-code-block-horizontalrule {margin-top:-25px !important; margin-bottom:-25px !important;}

Posted
1 hour ago, derricksrandomviews said:

Did you try different numbers? -1, so on? -10 may have been a bit too much. This is the code I use, just some space differences.


.code-block {
	padding: 0 !important;
}

Some say to use a rule with more specific instructions. You can adjust the -number if needed. 

.sqs-code-block-horizontalrule {margin-top:-25px !important; margin-bottom:-25px !important;}

I did try different numbers, I tried negative single, double and triple digit numbers with no luck. I also tried the more specific code you suggested, using margin and trying padding too, as well as trying different numbers. For some reason any number positive or negative is increasing the space, and 0 still displays space! I'm totally stumped.

Posted

Well lets hope someone here has a solution. There is one more thing I would like to suggest. You may be working on this already, your floor plans, when I click and go to a lightbox, they shrink in size, smaller than the image I clicked on, I think you should make them enlarge, not get smaller. 

Archived

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.