Skip to content
Get Bricks

Justify Content Control (Flexbox)

Use the justify-content control to allow users to set the justify-content CSS property (alignment along the main-axis) of your CSS flexbox layout.

There is also a [align-items](https://academy.bricksbuilder.io/article/align-items-control/) control to allow users to set the alignment along the cross axis of your CSS flexbox layout:

public function set_controls() {
$this->controls['justifyContent'] = [
'tab' => 'content',
'label' => esc_html__( 'Justify content', 'bricks' ),
'type' => 'justify-content',
'css' => [
[
'property' => 'justify-content',
'selector' => '.flexbox-wrapper',
],
],
// 'isHorizontal' => false,
// 'exclude' => [
// 'flex-start',
// 'center',
// 'flex-end',
// 'space-between',
// 'space-around',
// 'space-evenly',
// ],
];
}