CSS code having an impact on the builder itself!

[bktag]

I’m trying to build “progress bars” on my website and I copy pasted the code from here: CSS-Only Animated Progress Bars (codepen.io)

However, it had an impact on the whole builder (see screenshot).

Is it normal?

[Lazarevic]

Hey @bktag, that’s happening because we are not using an iframe to display your website inside the Builder. Try targeting ‘main’ instead of ‘body’.

[Pakic]

You can’t write CSS like that there.
That is to edit only selected tag or class, it is not place to write global CSS.
You should do that in Custom Code section in admin panel

[dejan]

@bktag

You should write global CSS like this

From top navbar, find “Files”, then create folder and new CSS file, and paste whatever you want