Change the number of columns
Apply to all sections
- Go to the homepage of your web projects and click Settings then Code injection,
- 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>
- Change the value of
--columns
to a number of your choice to define the number of columns, - Click the checkbox to confirm that the code is safe and then click "Save".
Apply to specific sections
- Find the section with sub-elements for which you want to change the number of columns,
- Click the button with the table icon next to the section,
- 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.