Roundcube Community Forum

News and Announcements => General Discussion => Topic started by: choban on December 28, 2024, 11:48:19 AM

Title: how do you display all 3 columns and have the font size so it is readable?
Post by: choban on December 28, 2024, 11:48:19 AM
In Roundcube web e-mail software 1.66, how do you display all 3 columns and have the font size so it is readable? I can increase the font by using the CTRL key and my mouse scroll bar, but if I do that, I will lose one column. If I show all 3 columns by using the CTRL key and my mouse scroll bar the font size is too small for me to read.
Title: Re: how do you display all 3 columns and have the font size so it is readable?
Post by: JohnDoh on December 29, 2024, 04:25:44 AM
Sounds like you are using the Elastic skin and this can be customised by creating a `_variables.less` file and recompiling the CSS. From the Elastic readme:

Quote- Skin color palette changes and other css modifications can be done
  via _styles.less and _variables.less files. Where you can overwrite all
  variables and add custom styles.

and then you can recompile the CSS like this:

Quote$ npx lessc --clean-css="--s1 --advanced" styles/styles.less > styles/styles.min.css
$ npx lessc --clean-css="--s1 --advanced" styles/print.less > styles/print.min.css
$ npx lessc --clean-css="--s1 --advanced" styles/embed.less > styles/embed.min.css

To change the default font size you should change the @page-font-size variable, the default is 14px.