The Custom Code Page allows you to embed external scripts and HTML directly into your project's structure, giving you more control over your site's functionality.
To change the vertical space your custom code occupies, follow these steps within the Website Editor:
In the top menu, select the Pages tab.
Locate your Custom Code page (or the specific custom-code page you created) in the list and click its name.
The editor will open your code in an iframe; click anywhere inside the code area to activate the editing cursor.
Find the Custom Height option in the panel on the right side of the screen.
Click the option to activate the height slider and drag the handle to your desired pixel height.
Click the green Save button to apply the new height.
Instant Refresh – Changes to the custom height are reflected immediately on your live site once saved.
Layout Consistency – Adjusting the height is particularly useful for ensuring that embedded widgets or forms fit perfectly within your site's layout without creating unnecessary whitespace or scrollbars.
Advanced Integration – If you need to add code to the head or body across your entire site instead of a single page, you can use the Plugins section under your main Settings menu.
