Topic: Override classes
                  
                  Palak@tru
                  free
                  asked 6 years ago
                
I want to override classes in tab components. For example, in the Tab component, there is a class called 'active' which controls the bottom border under the active tab. How to override that class like this, .classic-tabs .nav li a.active { border-bottom: 5px solid blue !important; transition: width 1s ease, 0.5s ease !important; } .How to achieve that?
                      
                      Konrad Stępień
                      staff
                        answered 6 years ago
                    
Hi @Palak@tru,
if I understand correctly you want sets your own styles for class.
These styles do not work?
 .classic-tabs .nav li a.active { 
    border-bottom: 5px solid blue !important; 
    transition: width 1s ease, 0.5s ease !important
 }
Please make you sure you correctly and in the right order you imported styles, like this:
import React from 'react';
import ReactDOM from 'react-dom';
import '@fortawesome/fontawesome-free/css/all.min.css';
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
Please tell me if problem still exists.
Best regards, Konrad.
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 React
 - MDB Version: 4.19.0
 - Device: MacBookAir
 - Browser: Chrome
 - OS: Mac
 - Provided sample code: No
 - Provided link: No