Customize distance between columns

[randomnameee]

Hello!

I’m using cornerstone, but want to know how I can customize the distance between columns. Thanks! Right now I can only adjust whether it’s on or off.

[jade]

Hi @randomnameee,

There is currently no option to change the spacing between column but you can add some custom CSS code to adjust or override the default column spacing.

To do so, please add this code in the Element CSS of the section that contains the columns that you want the spacing adjusted:

$el .x-container .x-column {
    margin-right: 2%;
    width: 49%;
}

$el .x-container .x-column:last-child {
  margin-right: 0;
}

Element CSS | Themeco Docs

However, it is important to know that changing the size gap between columns might present some issues as this is a default theme setup.

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates.

Hope this helps.