Block preview rendering

Hi, the preview of some of our blocks are all messed up, is there some special classes added around the block before the rendering to an image so that we can target the preview block using CSS to adjust for this, to get the preview to resemble the reality? Also Is there a url to the actual html that the system is rendering to an image? (I should like to view this for debug purpuses)

Litium version: 7

Check this out https://docs.litium.com/documentation/architecture/blocks

The attribute data-litium-block-id is used to detect the block. For local blocks, current editing page’s url is used to render the iframe. For global blocks, home page is used. The iframe is hidden, but you can inspect it and make it visible for debugging. If the page cannot be rendered, the block’s thumbail will not be extracted.

1 Like