In every Cargo site are a set typography menus (set globally in the Design tab, and locally within the Design menu of a page). Here you can adjust font sizes for the site’s text styles. Every font size uses
rem
units, which are a size set by Cargo according to the width and height of the browser. This is so that fonts look relatively similar across all devices.You can however change the unit type if you’d like to change the scaling behavior. To use an alternate sizing system, open the CSS Editor or the “Edit CSS” links just underneath the settings of each typography menu. For the
font-size
property, change the value from using rem
to a unit of your choice, such as px
or anything else (vw
, vh
, vmin
, etc).Note: If you have made changes to the local styles in the Design menu of an individual page, you will need to modify the CSS values there as well. Also note that using the “Font Size” slider after changing the unit value will reset the units back to
rem
.Still need help?