Lock column size?

[AnneLiljenberg]

What css-code do i need to lock the size of a column? So that whatever element i put in the column it doesn*t change?

[christian]

Hey @AnneLiljenberg,

If you’re using the new Row, you don’t need CSS as the Column element has a Min and Max Width option so setting them will lock/fix the column width.

For the Classic Column V2, you can lock the size by adding the code below in the column’s Element CSS. Change 500px to your desired value as long as it’s still px.

$el.x-column {
  width: 500px;
}

For the Classic Column V1, I’d recommend you assign a class to your column then add your CSS in the Content CSS. The CSS should be the same like the sample above.

.my-col-class {
  width: 500px;
}

Hope that helps.