Child theme cache

Developer Support CMS Development
1

Hi There,

I was making some changes to my child theme, I added a few file from the parent theme which I was going to edit afterwards, but for some reason I can’t get hubspot to pickup the child theme any more, none of the child theme css is being used to generate the minified version of the css on page.

I have tried to cache bust using the chrome extension, I’ve tried setting then resetting the theme, making a small change to the theme and republishing… normally one of these things will get hubspot to regen the minified files and use the child theme but this time I’m completely stuck and cannot get hubspot to use the child theme.

Any ideas?? Currently I have a broken website that I can’t fix and I’m pretty sure it’s something to do with hubspot’s cache. We have the entrerprise package for everything and I think we should be able to force a cache rebuild considering the monthy costs.

2

Hi @EAgro

In your child theme > layouts > base.html you can change the require_css:

Jnix284_0-1710352372219.png
Jnix284_0-1710352372219.png994×154 73.1 KB

to this:

{% set overwrite_child_css_path = '../../child.css' %}

which will force your child.css to have the highest priority (it should already, this is somewhat of a hack).

As far as resetting the server cache, try the steps here and let me know if that resolves the issue.

3

Thanks so much!!!

Unfortunately I didn’t have the base.html in my child theme, only in the parent, and when I cloned it into the child theme and refreshed it looked like the whole site had loaded without any css at all.

However, I didn’t have the line you mentioned in the base.html but I did have something similar:

{{ require_css(get_asset_url("../../css/main.css")) }}

Anyway - I tried adding the get_public_template_url() method and it worked!! Thanks so much for helping me out. It does seem like I now have a main.css and a child.css being served up whereas I *think* before they were both minified into one, but tbh I dont care, it works. The base.html now has this (in my child-theme version of the file) :

 {{ require_css(get_asset_url("../../css/main.css")) }}
 {{ standard_header_includes }}
 {{ require_css(get_public_template_url("../../child.css"))}}

Seems to be working fine so I’ll leave it alone.

Thanks again,

Elliot

4

Hi @EAgro that’s great, sorry for not checking on what files were in your child theme first - there was a time when base.html wasn’t included and the file structure is a bit different.

I’m glad you got it working and your CSS changes are taking effect!