Floating button with icon\'s size


Topic: Floating button with icon\'s size

hellomdb pro asked 6 years ago

Whom it may concern, I tried to make icon of small floating button bigger by using size="lg" but it did not work, the icon is too small, and I can not use lager floating button because of our design. <a mdbBtn floating="true" size="sm" gradient="blue" mdbWavesEffect><mdb-icon icon="star" size="lg"></mdb-icon></a> please tell me what should I do to make it work. Thank you so much

Arkadiusz Idzikowski staff answered 6 years ago

Dear hellomdb, We will take a look at this problem. For now please try to overwrite font-size of the icon:
<a mdbBtn floating="true" size="sm" gradient="blue" mdbWavesEffect><mdb-icon class="your-class" icon="star" size="lg"></mdb-icon></a>
.your-class i {

font-size: 30px!important;

}
Regards,
Arek

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: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No
Tags