Is it possible to add different sized rows to the Unifyr page builder or a capability to change sizing constraints?

Each row created is dynamic, based on the content actually added to it.

You can view an example block of custom code that displays this below:

<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 */
 .column1 {
  float: left;
  width: 10%;
  padding: 0px;
  height: 300px; /* Should be removed. Only for demonstration */
 }
 .column2 {
  float: left;
  width: 23%;
  padding: 0px;
  height: 300px; /* Should be removed. Only for demonstration */
 }
 /* Clear floats after the columns */
 .row:after {
  content: "";
  display: table;
  clear: both;
 }
 </style>
 </head>
 <body><h2>Custom Columns</h2><div class="row">
  <div class="column1" style="background-color:#aaa;">
    <h2>10%</h2>
    <p>Some text..</p>
  </div>
  <div class="column2" style="background-color:#bbb;">
    <h2>23%</h2>
    <p>Some text..</p>
  </div>
  <div class="column1" style="background-color:#aaa;">
    <h2>10%</h2>
    <p>Some text..</p>
  </div>
  <div class="column2" style="background-color:#bbb;">
    <h2>23%</h2>
    <p>Some text..</p>
  </div>
  <div class="column1" style="background-color:#aaa;">
    <h2>10%</h2>
    <p>Some text..</p>
  </div>
  <div class="column2" style="background-color:#bbb;">
    <h2>23%</h2>
    <p>Some text..</p>
  </div>
 </div>

Is it possible to add different sized rows to the Unifyr page builder or a capability to change sizing constraints?

Was this article helpful?

Comments