Change project.css and project.js

[kevinkunstmann]

Is it possible to change the project.css and project.js. This files are included from hubspot for landingpages etc. For example the css file overrides styles from our landingpage.

The locations of the files are:

• https://static.hsappstatic.net/slick/static-1.56/bundles/project.css
• https://static.hsappstatic.net/cos-i18n/static-1.27/bundles/project.js

[dennisedson]

Hi @kevinkunstmann ,

Thanks for the post!

For the js file, @tjoyce penned this solution

For the css, it looks like that is all slick slider related.  You could add a parent class to give your css more precedence over that css.

Example -- change

.slick-slider{}

to

.parentdiv .slick-slider

 Hope that makes sense 😃

[kevinkunstmann]

I should have written "access" rather than "change" in my description. Sorry about that...
Do you see any chance to get access to these two files? Or is the only way I can do it-> make my own css and override project.css entries with "!important".

[Anton]

Hi @kevinkunstmann, 

since those files are loaded from an external url(HubSpot) - you can't access/change them. 

What you could do is something like this:

- create a new file for each of those two files in the File- or Design-Manager

- paste the code from each of those files into each file

- create a simple jQuery "find&replace" - looking for the hubspot url and replacing with your url

- edit/change the files as you want

hope this helps

best, 

Anton