Topic: How to change font size of tooltip?
                  
                  pawled
                  free
                  asked 4 years ago
                
Now text inside tooltip is normal size. I want to make it smaller. Simply.
                      
                      Grzegorz Bujański
                      free
                        answered 4 years ago
                    
Try to set up custom class for the popup and add styles:
<p>
  Hover the link to see the
  <a href="#" data-mdb-toggle="tooltip" data-mdb-custom-class="text-sm" title="Hi! I'm tooltip">tooltip</a>
</p>
.text-sm .tooltip-inner {
  font-size: 0.5rem;
}
                    
                      pawled free commented 4 years ago
Is it impossible to assign different size to "original" tooltip?
Grzegorz Bujański free commented 4 years ago
What do you mean by "original" tolltip?
pawled free commented 4 years ago
Editing inside the scss file and new build.
Grzegorz Bujański free commented 4 years ago
You can change the variable $ tooltip-inner-font-size and assign it a new value. You will find this variable in src/mdb/scss/free/_variables.scss. Remember that this will change the text size of all tooltips.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
 - Premium support: No
 - Technology: MDB Standard
 - MDB Version: 3.0.0
 - Device: Any
 - Browser: Any
 - OS: Any
 - Provided sample code: No
 - Provided link: No