Trouble getting CODEPEN custom code to work :(

[djgruber (DJ)]

Awesome Webflow Community…

I have tried many things and read a lot of posts, etc. And I am convinced this should be a simple thing… but I cannot seem to get any CODEPEN custom code elements to work.

Here is one specific CODEPEN that I am trying to get to work in WEBFLOW.
Heres the codepen link:
https://codepen.io/sparklingman/pen/MWjGBXv

Any help appreciated, as I have already spent hours, and hope to avoid additional time.

Heres my webflow read only:
https://preview.webflow.com/preview/dales-codepen-tests-1?utm_medium=preview_link&utm_source=designer&utm_content=dales-codepen-tests-1&preview=76a8ef4b39181295d12529a75c0d02cc&pageId=620bb7faa8f922207d697f25&workflow=preview

Thank you!
DJ

[abirana (Abi Rana | Creative Web Developer)]

It is just the CSS code so it should not cause any issue.

But that doesn’t mean you can insert CSS code into JS script tag I guess you get caught up.

Also beside that, that CSS is directly applied on body. It would be best if you apply to a different div/element.

But still it should work, just try applying display block on body::before

[djgruber (DJ)]

abirana,

you rock! thank you so much. that did work… I had a JS tag. lol

Thank u!
DJ

[abirana (Abi Rana | Creative Web Developer)]

Great, since your issue is solved. Please mark this post as solved.

[djgruber (DJ)]

Done! Thank you very much!