cshaddock Posted April 28, 2023 Share 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 Link to comment
tuanphan Posted May 1, 2023 Share 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!) Link to comment
cshaddock Posted May 2, 2023 Author Share 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> Link to comment
cshaddock Posted May 8, 2023 Author Share Posted May 8, 2023 Following up on this request for help. Thanks @tuanphan Link to comment
tuanphan Posted May 10, 2023 Share 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!) Link to comment
cshaddock Posted May 12, 2023 Author Share 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. Link to comment
cshaddock Posted May 17, 2023 Author Share Posted May 17, 2023 I am still hoping that someone out there might have some ideas on how to fix this issue. Link to comment
cshaddock Posted May 29, 2023 Author Share Posted May 29, 2023 @tuanphan I still have not been able to figure this out. I am hoping someone can help. Any ideas? Link to comment
cshaddock Posted July 15, 2023 Author Share Posted July 15, 2023 I will try to revive this thread again. I am still hoping for help. Is anyone able to help? Thanks Link to comment
tuanphan Posted July 19, 2023 Share 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!) Link to comment
cshaddock Posted July 19, 2023 Author Share Posted July 19, 2023 It is mostly working. It is not squicking the buttons. Is that fixable? Thank you. Link to comment
tuanphan Posted July 22, 2023 Share 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!) Link to comment
cshaddock Posted July 24, 2023 Author Share Posted July 24, 2023 I have attached screenshots of the button with the code fix and without the code fix. Thanks Link to comment
tuanphan Posted July 26, 2023 Share 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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment