Collection: Developer

  • 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 control to allow users to set the alignment along the cross axis of […]
  • Align Items Control (Flexbox)

    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 […]
  • Apply Control

    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 […]
  • Filter: bricks/builder/elements

    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.
  • Filter: bricks/builder/standard_fonts

    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 […]
  • Filter: bricks/builder/save_messages

    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 […]
  • Filter: bricks/builder/map_styles

    This filter allows you to define your own custom map styles for the Map element. The example below shows how we added a custom map style fromhttps://snazzymaps.com/style/38/shades-of-grey to the builder. The best resource for professional predefined map styles is available […]
  • Filter: bricks/builder/i18n

    Place and customize the following filter to add translatable string to the builder. add_filter( 'bricks/builder/i18n', function( $i18n ) { // Example: Provide translatable string for element category 'custom' $i18n['custom'] = esc_html__( 'Custom', 'bricks' ); return $i18n; } );
  • Filter: bricks/builder/color_palette

    Place and customize the following filter to display a different default color palette for the color control. add_filter( 'bricks/builder/color_palette', function( $colors ) { // Option #1: Add an individual color $colors[] = [ 'hex' => '#3ce77b', 'rgb' => 'rgba(60, 231, […]
  • Typography Control

    The typography control provides the following CSS properties: colorfont-sizetext-aligntext-transformfont-familyfont-weightfont-styleline-heightletter-spacingtext-shadowtext-decoration Use the exclude parameter to hide specific typography properties. Set popup to false to show control inline.
×