HTML Block Component doesn't inherit styles

  • .kittiphum-1347573422737068032

    Kittiphum

    8 days ago

    I am using the HTML Block Component to display Rich Text. I want to change the font but it doesn't inherit the styles
  • jacobkofoed-1347574026754723892

    Jacob Kofoed

    8 days ago

    It has some CSS variables you can set to change font-size, according to its docs. If you add --html-block-font-size: 12px you should be able to change the font size. You can do it either on the component in the CSS raw input, or as a CSS variable on any parent node.
  • .kittiphum-1347580266276978858

    Kittiphum

    8 days ago

    so i want to change the font family doing it in the component doesnt work and adding it via a style tag also doesnt work
  • nocodeprocode-1347585069451182152

    NoCode ProCode

    8 days ago

    You need to use the styles in the theme panel, that’s how you set CSS variables πŸ˜‰
  • To change the color you would probably target * in a style tag
  • I would also suggest to clone the package and to make it better πŸ˜‰
  • You can always come and customize and consume it yourself how you need it to be.

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!

Β© Copyright 2024 toddle. All rights reserved.