O'Reilly logo

Mastering OpenLayers 3 by Gábor Farkas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Customizing the default appearance

Now that we are clear about what parts can be customized with CSS, let's make an attempt to use it in practice. Firstly, we will need the code from the example in the previous chapter. If you look at the code appendix, you will see some files starting with ch02_css. The html and js files are exactly the same as we used in the last chapter. In this example, all the magic will take place in the css file.

Note

If you take a look at the html file, you can see our custom css file is declared after the official css file. This was done due to the phenomenon called CSS specificity. If two CSS file declarations are made to the same element with the same specificity, the order of the declarations will define the styling. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required