Skip to content

Change the number of columns

Apply to all sections

  1. Go to the homepage of your web projects and click Settings then Code injection,
  2. Copy and paste this code into the "Code tag <head/>":
    html
    <style>
    .OverrideBlockItemsGrid,
    .OverrideBlockItemsColumns {
    --columns: 2;
    grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
    }
    </style>
  3. Change the value of --columns to a number of your choice to define the number of columns,
  4. Click the checkbox to confirm that the code is safe and then click "Save".

Apply to specific sections

  1. Find the section with sub-elements for which you want to change the number of columns,
  2. Click the button with the table icon next to the section,
  3. Click "Add" and enter the word columns in the "Key" field and then a number from 2 to 12 in the "Value" field, then click save.

RevasOS