Jump to content

Squarespace 7.1 Code Block Spacing After

Recommended Posts

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
Link to comment
  • Replies 13
  • Views 950
  • Created
  • Last Reply

Top Posters In This Topic

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

Link to comment

@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. 

 

 

Link to comment
  • 2 weeks later...
  • 1 month later...

Try adding to Design > Custom CSS

/* Space under Register here */
.fe-64418a303b164fcb4ce2e309 {
    grid-template-rows: repeat(30,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

image.thumb.png.3e210e477bfcfe4245a52b89f86306ff.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.