Column reverse in Bricks Builder | BricksBee

This tiny function with CSS style changes the rows in Bricks Builder. So, after pasting the code to the child theme in function.php, the structure of the website is on left side, the control panel is on right side. It will be helpful if you get used to working in Figma or tools where you have such structure. That’s it!

Here it is:

// Row reversing in Bricks Builder

function bricks_builder_row_overrriding() {
    echo '<style>
        .brx-body.main, #bricks-toolbar, #bricks-toolbar .group-wrapper { 
            flex-direction: row-reverse;
        }
    </style>';
}
add_action('wp_head', 'bricks_builder_row_overrriding');