Run.css overrides styles when using HTML plugin

matthewpomar · 2025-02-12T12:37:45.057Z

I’m using the Bubble HTML plugin to display HTML I pull from the database. The issue is, even though I have H2, H3, etc from the “User Agent Stylesheet”, all those styles are wiped out by global style resets in run.css:

image1920×1316 291 KB

Is there any way I can instruct Bubble to make the “user agent stylesheet” priority?

If not, do I just need to create a custom stylesheet just for the HTML component output (div.HTML)?

Thank you.

jonah.deleseleuc · 2025-02-12T12:40:58.958Z

It’s to be expected. If you want to override bubble’s styles, you can use !important

matthewpomar · 2025-02-12T12:44:16.877Z

I ended up just overriding the styles at the page level:

image706×802 57.3 KB