How to set the container height for a code content block?

DonnaBW · November 29, 2019

I ask your help to set a fixed container height for code block. I'm adding a content block using </> and pasting-in a GiveLively widget. All looks good in edit mode but on the screen, the container adds many empty blank lines, beyond the widget itself. When I test the widget on another site, there's no such problem.

The Squarespace documentation suggests that custom code can result in formatting errors and they suggest disabling AJAX ... but my SquareSpace template doesn't seem to use Ajax.

What's going on and how do I fix it?

DonnaBW · November 30, 2019

So I tried simpler code -- I used the simple code below to create a two column box. Squarespace defaults the container to make it very high, no matter the size specified in the code. How can I control default height of the container created for code? SquareSpace seems to be calculating a Result Size -- how do I change that "Result Size"?

Result Size: 867 x 863

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

* {

  box-sizing: border-box;

/* Create two equal columns that floats next to each other */

.column {

  float: left;

  width: 50%;

  padding: 10px;

  height: 150px; /* Should be removed. Only for demonstration */

/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

</style>

</head>

<body>

<h2>Two Equal Columns</h2>

<div class="row">

  <div class="column" style="background-color:#aaa;">

    <h2>Column 1</h2>

    <p>Some text..</p>

  </div>

  <div class="column" style="background-color:#bbb;">

    <h2>Column 2</h2>

    <p>Some text..</p>

  </div>

</div>

</body>

</html>

How to set the container height for a code content block?

Recommended Posts

DonnaBW

Link to comment

DonnaBW

Link to comment

Archived

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources