Best practice to overwrite CSS of cesium-toolbar, cesium-infobox, cesium-animation, cesium-timeline

CesiumJS
1

For my custom app I would like to avoid the default look of Cesium and would like to use a flat design for cesium controls (especially animation clock and timeline).

Would you suggest to build those controls from scratch and use the low level Cesium methods to implement the functionality or rather overwrite the CSS of the controls?

It becomes tricky when adding additional controls, such as a start/ stop globe rotation button... how would you suggest to approach this?

2

Hello,

We’ve made overriding the default CSS fairly easy. Every piece should have a CSS class you can tap into.

For an example, take a look at our ‘lighter’ theme:

relevant code:

Best,

Hannah

3

Just wanted to follow up on this old post. I don’t see how you actually provide custom CSS for the InfoBox, though I notice a lot of people asking. Can someone show how to provide custom CSS for the infobox?

-Rob