0

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; }

asked Mar 3, 2014 at 23:03

2 Answers 2

1

Here is the css rule that I changed for the CSS

.cartodb-tooltip p {
 font-size: 25px !important; 
 }
answered Mar 3, 2014 at 23:26
0

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.

answered Jun 26, 2016 at 17:03

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.