Trying to style openlayers3

Question

How am I supposed to style openlayers3 in the best way possible? I'm really struggling with this. The easiest way for me is to change the original ol.css, but that is not good practice.

For example, changing the placement of the control buttons to the right took me quite a while.

Should I do this with CSS or in JavaSCript?

I'm currently having issues with removing the tool-tip when hovering the buttons. How do I do that?

The tooltip has the class:

.ol-has-tooltip [role=tooltip]

How do I hide it?

display:hidden

does not work.

Thanks for any advice and help.

Answer 1

this will do

display:none;

try to use !important to overide already existed css property