Dynamic css for each blocks from layout builder

Session Track
Code & development
Skill level

Objective of my session is to configuring css to the layout builder. When we creating page layouts and place the block in block layout. We can able to configure the css for each layouts separately.

For example, when we creating layouts , there will be available of two or 3 sides or custom layouts. After created, we can place it in a block layout. For that we can configuring css for each layouts separately


Before or after placing the blocks in the layout, where we can adjust css properties to each layouts assigned in the block. for example, Background colour of the title should be in  blue where it was handle by configuring css properties.  

We dont need to go inspect element and adjusting css. we can check in user friendly