topic Re: Exclude domain stylesheet in html template in CMS Development

Exclude domain stylesheet in html template

Jsum — Sun, 27 Jun 2021 21:22:11 GMT

Is there a tag/function/filter that can exclude the domain stylesheet in an HTML template?

Re: Exclude domain stylesheet in html template

albertsg — Mon, 28 Jun 2021 06:25:19 GMT

Hi @Jsum, the documentation explains how to remove it from selected pages: https://knowledge.hubspot.com/design-manager/create-edit-and-attach-css-files-to-style-your-site#attach-or-remove-stylesheets-on-a-page-level

But if you need to do it in an HTML level, maybe the best would be to load your CSS directly into the code. By doing this, you could add an IF statement to load the style everywhere except in the pages you don't want to load it. You can do that by checking the URL for example (see: https://community.hubspot.com/t5/CMS-Development/Get-current-page-URL-slug/td-p/256422)

Re: Exclude domain stylesheet in html template

webdew — Mon, 28 Jun 2021 09:47:04 GMT

Hi @Jsum ,

Add your style css somthing like this:

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards.

Re: Exclude domain stylesheet in html template

Jsum — Tue, 29 Jun 2021 13:35:25 GMT

I called support my self, they weren't able to help me with the Hubl, though I'm pretty sure there is a solution. They did help me track the stylesheet though and it wasn't where I assumed it was so I can remove it without effecting the whole domain now anyway.

Re: Exclude domain stylesheet in html template

matt_scott — Fri, 16 Jul 2021 09:18:22 GMT

I wouldn't call that a solution, I'm looking for the same function, I cloned a template to html but the template has the exlude domain stylesheets, this doesn't seem to be an option in HTML stylesheets. and for me the CSS is used in 67 live pages across the domain so removing it is not an option. best I can think is to just do a replace on the {{ required_head_tags }} tag but probably not the nicest solution

Re: Exclude domain stylesheet in html template

matt_scott — Fri, 06 Aug 2021 08:30:36 GMT

Just found another solution, if you include the stylesheets in the header html section rather than the stylesheets section of the site settings, you can use hubl in the html section

with that hubl you can write an if statement to only render for a specific template or everything but a specific template e.g.

{% if !current_path is string_containing 'template-excludes-site-css.html' %} <link stylesheets here> {% endif %}

because your using the string_containing operator you can be specific to the full template path or part of the path (I just use my new theme path so every template will ignore those stylesheets) or even just a snippet you add to your template name e.g. templatename-nocss.html you could just match 'nocss'

edit: updated "is contains", to "is string_containing" as I'm not sure what the contains operator actually does (not in the docs)

Re: Exclude domain stylesheet in html template

Jsum — Tue, 03 Aug 2021 17:57:04 GMT

@matt_scott nice one. this is a cool trick 👍

Re: Exclude domain stylesheet in html template

BGrennan — Fri, 07 Jan 2022 21:10:20 GMT

I would have thought this was what "enableDomainStylesheets: false" was for but that doesn't seem to work.