Fontawesome Pro Icons not aligning in button

Topic: Fontawesome Pro Icons not aligning in button

twentyfour pro asked 6 years ago

Hi all, I use the Font Awesome Pro icons and they don't seem to align to the center when using several copy/paste codes, including this one: <div class="row">  <div class="mb-r col-md-3"> <a type="button" class="btn-floating btn-sm btn-tw"><i class="fab fa-twitter fa-2x"></i></a> <a type="button" class="btn-floating btn-sm btn-fb"><i class="fab fa-facebook-f fa-2x"></i></a> <a type="button" class="btn-floating btn-sm "><i class="fab fa-linkedin-in fa-2x"></i></a> </div>  </div> Is this a known issue? Thanks for all your help, kind regards, 24

Add comment

Jakub Strebeyko staff answered 6 years ago

0 0 Best answer

Dear 24, Thanks for contributing to the support forum! The issue has not been reported before, but it's probably because the snippet does not follow our documentation. We do not support Font Awesome 5 re-named classes (like fab, far, fas or fal) for the time being. In turn, the icon buttons used at MDB get aligned as you want them to. With Best Regards, Kuba

twentyfour pro commented 6 years ago

Ok thank you ! I'll have another look at it and if I find a solution, I'll share it with you.

Jakub Strebeyko staff commented 6 years ago

Renaming

.fab to .fa should solve the issue, but thanks! Let us know.

Kuba


                          
                            
Renaming <code>.fab<code> to <code>.fa</code> should solve the issue, but thanks! Let us know.

Kuba

                            
                              Please insert min. 15 characters.
                            
                            
                          
                          
                        
                      
                      
                        
                          
                        
                        
                          
                            Add comment


                
              
            
            
              
              
                
                
                  
  
    
      
    
    
      
    
    
      
    
  
  
    
      
    
    
      
    
    
      
    
  
  
    
      
    
    
      
    
    
      
    
  
  
    
      
    
    
      
    
    
      
    
  

                
                
                
                
                  Write
                  
                     Create snippet
                  
                
                
                
                
                  
                    
                    
                      
                      
                      

                      
                        Please insert min. 20 characters.
                      
                      
                        
                          Post


          
          
          

            

  
  
    
      FREE CONSULTATION
      Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
    
  
  




  
    
      
      
      
      
      
    
  
  
  
  



            
            
              
              Status
              
              
              
                
                  
                    
                    Answered
                  
                  
                
                
              
            
            

            
            
            
              
              Specification of the issue
              
              
                
                  
                    ForumUser:
                    
                      Pro
                    
                  
                  
                    Premium support:
                    
                      No
                    
                  
                  
                    Technology:
                    
                      General Bootstrap questions
                    
                  
                  
                    MDB Version:
                    
                      -
                    
                  
                  
                    Device:
                    
                      -
                    
                  
                  
                    Browser:
                    
                      -
                    
                  
                  
                    OS:
                    
                      -
                    
                  
                  
                    Provided sample code:
                    
                      No
                    
                  
                  
                    Provided link:
                    
                      No
                    
                  
                
              
              
              
              
                
                
                  
                  Tags
                  
                  
                  
                    
                  
                
                
              

              
              
                
                
                  
                  About author
                  
                  
                  
                    
                  
                  
                    
                    
                      
                        twentyfour
                      
                    
                    
                    
                    Pro User
                    
                    

                    
                    
                      124Support score
                    
                    

                    
                      11Questions
                    
                    
                      10Answers
                    

                    
                    
                      2Snippets