Inline css issues

Hi @madsmoller,

yes. This is currently happening for several people in several portals. @TomM2 noticed this a few days ago.
Let’s include a few other devs from the community to this so they can check their portals @Jnix284, @Teun, @melindagreen.
Two things I’ve tested the last couple of days:

{{ require_css(get_asset_url('../css/main.css')) }}
{# or theme-override.css #}

are getting “inlined” with this method.

  • Renaming it to something that is not main.css or theme-overrides.css(like combined-styles.css or customization.css) might help but I don’t suggest to do this unless you really know every file of your theme
  • I’m loading my css files differently on my website that’s why I was very surprised when @TomM2 mentioned that in a chat…

For anyone wondering how I’m loading my CSS:

<link rel="preload" href="{{ (get_asset_url("../../css/main.css")) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
 <link rel="stylesheet" href="{{ (get_asset_url("../../css/main.css")) }}">
</noscript>

<link rel="preload" href="{{ (get_asset_url("../../css/theme.css")) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
 <link rel="stylesheet" href="{{ (get_asset_url("../../css/theme.css")) }}">
</noscript>

My recommendation:

Since this seems to be a bug/hickup that affects quite a lot of portals - HubSpot might be already working on a bug-fix. Therefore I wouldn’t change anything in the next couple of days/September.

best,

Anton

Edit:
I’m also tagging a few dev-community moderators. Maybe they have some insights on this or can help forward this issue towards HubSpot.
@Jaycee_Lewis, @kennedyp