Collection: Developer

Use the text-transform control to allow users to set the text-transform CSS property like so:

Use the text-decoration control to allow users to set the text-decoration CSS property like so:

Use the text-align control to allow users to set the text-align CSS property like so:

Use the direction control to allow users to set the flex-direction CSS property of your CSS flexbox layout.

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 control to allow users to set the alignment along the cross axis of […]

Use the align-items control to allow users to set the align-items CSS property (alignment along the cross-axis) of your CSS flexbox layout. There is also a justify-content control to allow users to set the alignment along the main axis of […]

The apply control saves your settings. You can set the reload control property to true in order to trigger a builder reload after the "Apply" button has been clicked. We use it in the builder for settings like the template […]

Determine which elements to use in Bricks by out-commenting the ones you don't want to use. There is a full example and list of all elements in the Bricks child theme that you can customize to your requirements.

Place and customize the following filter to display a different set of web-safe fonts in the typography control. add_filter( 'bricks/builder/standard_fonts', function( $standard_fonts ) { // Option #1: Add individual standard font $standard_fonts[] = 'Verdana'; // Option #2: Replace all standard […]

Place and customize the following filter to display different save message every time you manually save your progress when editing with Bricks. add_filter( 'bricks/save_messages', function( $messages ) { // Option #1: Add an individual color $messages[] = 'Yasss'; // Option […]