Change project.css and project.js

kevinkunstmann
Member

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:

0 Upvotes
3 Replies 3
dennisedson
Community Manager

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 😃

Thanks,

Dennis




Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
0 Upvotes
kevinkunstmann
Member

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".

0 Upvotes
Anton
Key Advisor | Diamond Partner

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

 




check
Did my post help answer your query? Help the Community by marking it as a solution