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: Customization: change font family e reduce font size globally

2acode pro asked 5 years ago


Hi, which is the best way to (globally): - change font-family (Lato) - reduce font-size (from 16px to 13px) - reduce relative padding of all elements (button padding, form input padding, ecc.)

Can i achieve all from variables on scss? From core/variables, core/bootstrap/variables, custom/styles?

Thanks


Marta Wierzbicka staff answered 5 years ago


Hi,

I've answered about this issue in this ticket: https://mdbootstrap.com/support/general/change-font-family-globally/.

Best, Marta


Christian Jensen free answered 5 years ago


Marta Wierzbicka staff answered 5 years ago


Hi,

try to overwrite our variables you want to overwrite in _custom-variables.scss file and recompile mdb.css. And remember to NOT add a flag !default.

Best, Marta



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.6.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No
Tags