Column
You can find the Col in the Slide Editor, after you added a Row.
☝️ Note: Looking for a way to change the column order, for example to wrap/stack the columns in different order on mobile? You can change the column order at the Row.
Content
General
Inner Align
The default aliment of the content inside the Content layer.
- Inherit: Inherits the align from the parent. By default this means left alignment.
- Left: Aligns the layers to the left.
- Center: Aligns the layers to the center.
- Right: Aligns the layers to the right.
Vertical align
The default vertical align of the content inside the Content layer.
- Top: Aligns the layers inside to the top.
- Middle: Aligns the layers inside to the middle.
- Bottom: Aligns the layers inside to the bottom.
- Space between: Aligns the first layer to the top and the last to the bottom, and leaves equal amount of space between them..
- Space around: Divides the space between the layers equally.
Here's a video that illustrates the difference:
Link
Link
You can use this option to put a link on the row. Learn more about the link tool.
Target window
Specifies where to open the linked document.
Aria label 3.5.0.2
The aria-label attribute, which screen readers can use to introduce the link.
Style
Background image
The background image of the row.
Background
Background color
Here you can set a background color for the Col. You use the color to create an overlay for the Background image. The background color can be adjusted for Normal and Hover state.
- Background color: The background color of the col.
- Gradient: You can create a gradient color with this option.
- Color end: The finishing color for the gradient.
Box shadow
You can put a box shadow around the Col.
Border
Border
You can put border around the Col.
- Border: The width of the border.
- Style: The style of the border. Available options: Solid, Dashed, Dotted
- Color: The color of the border.
Border radius
You can round the Col's edges.
Size
Max Width
The maximum width of the layer.
Padding
The the padding inside the layer.
Responsive
Learn about the responsive options at the Layer Style documentation.
Effect
Learn more about the effect options at the Layer Style documentation.
Advanced
Learn more about the advanced options at the Layer Style documentation.
Animations
Learn about the animations at the Animation documentation.