Code Block with Dynamic Data

Using dynamic data inside Bricks' Code Block is the most powerful and flexible way to control a block. You can allow users to control those dynamic data by exposing Dynamic Data as a form field in Gutenberg editor.

Use {gb_block_id} to scope block CSS properly

To have CSS to select a specific block, you can use {gb_block_id}. In the example below, the specific CSS is only applied to a block with class .block-{gb_block_id}

.block-{gb_block_id} .brxe-rating .full-color {
  color: {gbmeta_star_rating_color};
}

IMPORTANT: You MUST add block-{gb_block_id} to a parent element by using Dynamic Class.