cshaddock Posted April 28, 2023 Posted April 28, 2023 (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 April 29, 2023 by cshaddock
tuanphan Posted May 1, 2023 Posted May 1, 2023 Can you take a screenshot of Code Block? We can give code to move Embed Code into Accordion Block 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!)
cshaddock Posted May 2, 2023 Author Posted May 2, 2023 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>
cshaddock Posted May 8, 2023 Author Posted May 8, 2023 Following up on this request for help. Thanks @tuanphan
tuanphan Posted May 10, 2023 Posted May 10, 2023 I see you solved this? 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!)
cshaddock Posted May 12, 2023 Author Posted May 12, 2023 @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.
cshaddock Posted May 17, 2023 Author Posted May 17, 2023 I am still hoping that someone out there might have some ideas on how to fix this issue.
cshaddock Posted May 29, 2023 Author Posted May 29, 2023 @tuanphan I still have not been able to figure this out. I am hoping someone can help. Any ideas?
cshaddock Posted July 15, 2023 Author Posted July 15, 2023 I will try to revive this thread again. I am still hoping for help. Is anyone able to help? Thanks
tuanphan Posted July 19, 2023 Posted July 19, 2023 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; } 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!)
cshaddock Posted July 19, 2023 Author Posted July 19, 2023 It is mostly working. It is not squicking the buttons. Is that fixable? Thank you.
tuanphan Posted July 22, 2023 Posted July 22, 2023 On 7/20/2023 at 12:33 AM, cshaddock said: It is mostly working. It is not squicking the buttons. Is that fixable? Thank you. What is problem with buttons? 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!)
cshaddock Posted July 24, 2023 Author Posted July 24, 2023 I have attached screenshots of the button with the code fix and without the code fix. Thanks
tuanphan Posted July 26, 2023 Posted July 26, 2023 Try this code under @media screen and (min-width:992px) { .fe-block-64418a30d47cbb72181f0588, .fe-block-64418a305d5f47e97c418fca { grid-row-start: 45 !important; grid-row-end: 50 !important; } } 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!)
KMills Posted October 9 Posted October 9 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.
KMills Posted October 9 Posted October 9 Also, when I go to inspect in incognito, it removes the spacing.
tuanphan Posted October 11 Posted October 11 I think you try using Classic Editor Section...the spacing will disappear 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment