Changing Font Size?

Hi @yaroslawbagriy

You can do this by re-building locally default theme with custom $font-size variable, and then uploading the result css file on your forum's admin panel as new theme.

You'll have to git clone main repo and in frontend directory edit style/flavor/variables.less to add those lines:

@font-size-base:          14px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * .85)); // ~12px

Next, run those commadns in frontend:

npm run install
gulp style

This will case the CSS files in misago/static/misago/css to update. Those files are the ones you will need to upload in your forum's admin panel.

The problem is I've mistaken npm install for npm run install :D

Make sure your theme is not a child of "Misago" theme, or Misago will include both your CSS and theme's CSS.

Misago UI is built with Bootstrap. If you need to change something (eg. font) to something else, you only have to customize variable in it (like how you've did with @font-size-base).

Here's list of available variables:

github.com/twbs/bootstrap/blob/v3.4.0/less/variables.less