Jump to content

Squarespace 7.1 Code Block Spacing After

Recommended Posts

Posted (edited)

Hi All, 

I have looked through the forums for an answer but haven't found the answer I specifically need. I am hoping someone can help. 

On the page https://www.10peaks.ca/student-registration-2023 I am using code blocks with markup. Honestly, because I can't think of a better solution for embedding code in an accordion. I have a registration form being pulled in that is too long to just have on the site. Any other suggestions are welcome. 

On the registration page, you can see there is a large space after each code block (the lines). I can't for the life of me figure out why that is happening and how to get rid of it. 

How can I remove the extra space after the code blocks.

Additionally, for some reason, the whole code block is acting like a link not just the "register here" link. any ideas how to stop that? 

If anyone can help I would appreciate it. 

 

 

Edited by cshaddock
  • Replies 16
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

Thanks for helping @tuanphan

Here is a screen shot of the site with showing the gap I referred to. 

Here is a screen shot of what is looks like in Squarespace in edit mode. 

Here is the code form the code block. 

Is this what you are asking for? 

If I can use a Squarespace accordion block and insert the embed code in there that would be best. 

<div class="accordion-block" id="inperson">
  <div class="accordion-title"><p>Joining us in-person at Red Deer Polytechnic this year for the 10PIX conference? Ten Peaks offer sponsorship options for in-person attendance up to $500 per school. The Ten Peaks sponsorship aims to help you with transportation and substitute teacher costs.</p>
<p>We strongly encourage teachers to apply for in person attendance by June 15 and reserve your students’ attendance. When you apply for in-person attendance you can apply for sponshorship.
<ul>
<li>We will assign initial transportation sponsorship by June 23 for applications received as of June 15 and inform you by email by June 23 of the subsidy awarded to you.</li>
<li>In the award email will be a link to the session registration form and you can choose which sessions and workshops you want your students to attend.</li>
<li>Priority will be given to grade 7 and 8 students for hands-on workshop attendance. Each workshop has 25 students max capacity.</li>
<li>Sessions have a max capacity of 125.  Session assignments will be confirmed no later than October 1.</li>
<li>Applications received between June 16 and September 30 will also be reviewed and any available transportation sponsorship awarded no later than October 5. You will then be sent the link to choose which sessions your students are attending at that time.</li>
</ul>
</p>
<p>Why the review process? The earlier you register, the more time we have to help coordinate and allocate these sponsorship dollars. We want full bus loads! As part of our continued effort to reduce our environmental footprint, we want to encourage schools to "bus-pool" and ensure we are running full loads of students to Red Deer Polytechnic.</p>
    <p style="color:#eb4b43;font-weight:bold";>Register here ></p>

</div>
  <div class="accordion-panel">
   <div class="_form_26"></div><script src="https://10peaks.activehosted.com/f/embed.php?id=26" type="text/javascript" charset="utf-8"></script>
  </div>
</div>

<script>
  $(function(){
    $('#inperson .accordion-title').on('click', function(){
      $('#inperson .accordion-panel').toggleClass('active-accordion');
    })
  });
</script>

 

code block screen shot.jpg

Screenshot 2023-05-02 at 1.03.50 PM.png

Posted

@tuanphan

Sorry for the laggy responses. 

No, the issue still persists. There is still space between as shown in the image above (the one with the red arrow line) 

I am viewing this on a Mac in Safari, Brave, and Chrome. I don't have way to see it on a widows machine. Not sure if that matters. 

 

 

  • 2 weeks later...
  • 1 month later...
  • 1 year later...
Posted

I am having a similar problem. My spacing is quite large. I wanted to add a block under this but it looks very odd because of the huge gap so I have currently removed my second block.  The second block was also behaving oddly -- doubling itself to a more bold version and I was unable to edit or delete the second block that it was creating(???).

This page is a list of vendors and the html in the code block allows me to filter those vendors by category. When filtering, I have it set to remove the view of the other vendors not in that category which is of course creating an even larger gap. In mobile view, there is no additional space.  In edit mode, the code block is made as small as it can be. 

https://violet-vanilla-ytr8.squarespace.com/vendors

Code: 1234

I would greatly appreciate any insight. 

 

 

Screenshot 2024-10-09 at 11.05.03 AM.png

Screenshot 2024-10-09 at 12.53.34 PM.png

Screenshot 2024-10-09 at 12.53.57 PM.png

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.