Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: change font size of sidebar component

Harris free asked 4 years ago


Hi,

I am trying to change the font-size of the Sizebar component. I followed the suggestion here:

https://mdbootstrap.com/support/angular/customization-of-navigation-on-side-nav/

And changed the .scss file of the component - but - it did not work.

Is there anything else I can try?

TIA


Konrad Stępień staff answered 4 years ago


Hi @Harris,

You have to paste these styles for your global styles. Just paste it for your styles.scss file.

.side-nav mdb-accordion-item-head h5 {
  font-size: 18px !important;
}

.side-nav mdb-accordion-item-body a {
  font-size: 20px !important;
}

Best, Konrad.


Harris free commented 4 years ago

Hi Konrad,

That worked. Thanks for the clarification.

Regards.



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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.8.2
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10 64-Bit
  • Provided sample code: No
  • Provided link: Yes