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
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 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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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