Jump to content

HTML Code Block white space

Recommended Posts

I have a custom HTML code block that is very long. It is a tabbed menu with each tab having different information. The problem is in a code block its very long, much longer than the menus because the code block contains all of the content of all 4 tabs and it is displayed as such on my page. 

The problem is that when this code is rendered on the page the tabbed menu works but there is TONS of white space left below where all of the actuall code block is taking up white space:

https://www.sixbladesaustin.com/visit-us

 

How do I modify or hide the code block itself but still display the results of the code block without having the miles of whitespace below?

Link to comment
  • Replies 3
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

30 minutes ago, sloth8871 said:

I have a custom HTML code block that is very long. It is a tabbed menu with each tab having different information. The problem is in a code block its very long, much longer than the menus because the code block contains all of the content of all 4 tabs and it is displayed as such on my page. 

The problem is that when this code is rendered on the page the tabbed menu works but there is TONS of white space left below where all of the actuall code block is taking up white space:

https://www.sixbladesaustin.com/visit-us

 

How do I modify or hide the code block itself but still display the results of the code block without having the miles of whitespace below?

Can you add the code on Classic Editor section? I think if you add the code on Classic Editor section then it will be ok.

Screenshot_326.png

Screenshot_281.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
40 minutes ago, Web_Solutions said:

Can you add the code on Classic Editor section? I think if you add the code on Classic Editor section then it will be ok.

Screenshot_326.png

Screenshot_281.png

That's definitely closer, problem now is that some of the content is quite long and runs all the way over and past the site footer and down into extended white space that it's making to display the content:

image.thumb.png.ec577db6a95d072163c5c3480b2c6808.png

Link to comment

quick update, from searching another thread I found an ok fix:
 

#block-yui_3_17_2_1_1698253649797_18559 iframe {
    height: 2000px !Important;
}

This adds enough padding to make every tab except for the schedule which is embedded code from another site have the appropraite amount of spacing. This should be acceptable but if you could help fix the "Class Schedule" page to end at the footer with no extra white space that would be perfect. Thanks!

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.