Hello!
Is there any way to change the font size of the whole forum?
May 12, 2020
10
-
-
You can do this by re-building locally default theme with custom
$font-sizevariable, 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
frontenddirectory editstyle/flavor/variables.lessto 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)); // ~12pxNext, run those commadns in
frontend:npm run install gulp styleThis will case the CSS files in
misago/static/misago/cssto update. Those files are the ones you will need to upload in your forum's admin panel. -
@rafalp Thank you! I'll try that this weekend :)
-
I tried running npm run install, but I just get the following npm ERR! missing script: install. I ran npm install inside frontend. I'm also running npm run install in frontend. Not sure what the problem is? Is the install script in a different directory?
-
The problem is I've mistaken
npm installfornpm run install:D -
Haha yeah I thought maybe that could be the case haha :) Okay it did build! I tried to upload misago.css into themes but it says it needs to be a zip? Can I just zip misago.css and upload that?
-
Alright I got it to work! I just created a new theme, then upload the misago.css to it. But now the whole forum looks weird haha.
-
Make sure your theme is not a child of "Misago" theme, or Misago will include both your CSS and theme's CSS.
-
Thanks! Yes I got it working :)
-
@rafalp do you know if there's a way to change the font itself? What font does Misago currently use?
-
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:
