Customization: change font family e reduce font size globall

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Customization: change font family e reduce font size globally

2acode pro asked 6 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 Szymanska staff pro premium answered 6 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

Christian Jensen answered 6 years ago

Seems to me that this should be a variable and not hardcoded: https://git.mdbootstrap.com/mdb/jquery/jq-pro/blob/master/scss/core/_typography.scss#L57

Marta Szymanska staff pro premium answered 6 years ago

Hi,

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

Best, Marta

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

Answered

Specification of the issue
  • User: 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
About author
2acode
Pro User
90Support score
7Questions 4Answers
0Snippets likes 1Snippets