MDB-Tabs Vertical tabs Alignment


Topic: MDB-Tabs Vertical tabs Alignment

Aroquiassamy LA ROZE pro premium priority asked 6 years ago

Expected behavior

I want to Align the Text inside the Button e.g Home,About must be aligned to Left or Right.

Actual behavior

By Default it is aligned center.

How to Align it Left or right

Resources (vertical Tab Link )


Damian Gemza staff answered 6 years ago

Dear La Roze,

Please add the below styles to the styles.scss file:

ul.nav.md-tabs {
  li.nav-item {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
  }
}

Best Regards,

Damian


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.4.2
  • Device: Lenova
  • Browser: Chrome 73
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes