How can I change the css for the CartoDB tooltip?

I found this css below in the source but am having a hard time referencing it. Are there any examples of a customized, styled tooltip?

/* CartoDB tooltip control */

div.cartodb-tooltip { position: absolute; z-index: 5; display: none; }

div.cartodb-tooltip p { font-family: "robotoregular", Helvetica, Arial, Sans-serif; font-size: 15px; color: #333; text-align:left; text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; }

2 Answers 2


Here is the css rule that I changed for the CSS

.cartodb-tooltip p {
   font-size: 25px !important;          

Check out https://docs.cartodb.com/cartodb-platform/cartocss/properties/ CartoDB has their own format for changing css properties which is actually rather different. In the site search "text-size" to see their sizing property.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.