If you’re annoyed like I am to see your labels being stretched inside the Structure Panel as soon as you nest multiple elements, this CSS snippet is for you!
Set the builder mode to Custom
Bricks gives you the ability to add custom CSS inside the builder without affecting the frontend.
To do that, navigate to Bricks > Settings > Builder > Builder mode and choose Custom.
Save the settings and reload the page: you’ll now see a new textarea where you can add your custom CSS.
Add a custom CSS snippet to the builder
Paste the following CSS Snippet inside the textarea and save the settings again:
#bricks-structure .structure-item .actions {
display: none;
}
#bricks-structure .structure-item:hover .actions {
display: flex;
}And that’s it.
Here is the result before:
…and after:
