CMS Theme working properly in one account and not in the other

mattcalderon · ‎Feb 22, 2021

Hi! We are dealing with an issue with a custom theme that's making me crazy.

It goes like this. We are developing a new theme based on the CMS Boilerplate, over a certain account.

You can see a test page working correctly here: http://hubspot-developers-y36h1z-8989991.hs-sites.com/en/home

Now that the basic module structure of the theme is done, we've deployed this new theme over another account for testing purposes. The problem is that we are having several issues with the CSS. For example, if you check here, you'll see that there are several alignment issues: https://www.jenji.io/-temporary-slug-7aa223ce-00d2-4853-80ee-78de2d16db8a?hs_preview=STFtZwcF-417061...

We've tried everything but at this point we are lost. If you do a diff of both pages you'll see that there are some CSS differences. We believe the culprit is how Hubspot handles CSS minification, some things are getting lost in the way.

Btw, all content alignment settings and section styles are the same in both accounts.

Just to discard problems on our end, we created a second new development environment over the original account, deployed the theme, and all is working fine: http://hubspot-developers-y36h1z-9011097.hs-sites.com/home

So the problem comes when we deploy the theme on the other DIFFERENT account. So, to make it clear, 9011097 and 8989991 are hosted in one account, and the jenji.io domain is on another account. Could this be related?

Maybe we are doing something wrong? We are new to Hubspot CMS development but so far we have had no issues up until deploying the theme on our other official account.

I'd be very thankful for any pointers on this, it's stressing us way too much :(.