1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: MDB-Tabs Vertical tabs Alignment

Aroquiassamy LA ROZE priority asked 5 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 5 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

Write
Create snippet
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
  • ForumUser: Priority
  • 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
Tags
mdb-tabs vertical-tab
About author
Aroquiassamy LA ROZE
402Support score
44Questions 21Answers 1Snippets