How to change size of dyslexic font

[Lautre]

Support intro

Sorry to hear you’re facing problems

help.nextcloud.com is for home/non-enterprise users. If you’re running a business, paid support can be accessed via portal.nextcloud.com where we can ensure your business keeps running smoothly.

In order to help you as quickly as possible, before clicking Create Topic please provide as much of the below as you can. Feel free to use a pastebin service for logs, otherwise either indent short log examples with four spaces:

example

Or for longer, use three backticks above and below the code snippet:

longer
example
here

Some or all of the below information will be requested if it isn’t supplied; for fastest response please provide as much as you can

Nextcloud version (eg, 20.0.5): 28.0.2.25
Operating system and version (eg, Ubuntu 20.04): 22.04.1 Ubuntu
Apache or nginx version (eg, Apache 2.4.25): Apache/2.4.52 (Ubuntu)
PHP version (eg, 7.4): 8.1.27

The issue you are facing:

Hi everyone

In my theme when I check for the dyslexic police I switch into it but the size is too huge as you can see in the pictures (on some screens, I can’t see the words or date, it’s truncated … )
How/where can I change it ?

Dyslexic font aspect

Standard font aspect

Thank you for your help

[mdw]

You can use the Custom CSS app for this.

You can enter custom CSS rules at the end of the “Design” section in the admin area.

Try something like this:

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section, main {
font-size: 10pt;
}

or this if you want to restrict it to the dyslexic theme:

body[data-theme-opendyslexic],body[data-theme-opendyslexic] div,body[data-theme-opendyslexic] span,body[data-theme-opendyslexic] object,body[data-theme-opendyslexic] iframe,body[data-theme-opendyslexic] h1,body[data-theme-opendyslexic] h2,body[data-theme-opendyslexic] h3,body[data-theme-opendyslexic] h4,body[data-theme-opendyslexic] h5,body[data-theme-opendyslexic] h6,body[data-theme-opendyslexic] p,body[data-theme-opendyslexic] blockquote,body[data-theme-opendyslexic] pre,body[data-theme-opendyslexic] a,body[data-theme-opendyslexic] abbr,body[data-theme-opendyslexic] acronym,body[data-theme-opendyslexic] address,body[data-theme-opendyslexic] code,body[data-theme-opendyslexic] del,body[data-theme-opendyslexic] dfn,body[data-theme-opendyslexic] em,body[data-theme-opendyslexic] img,body[data-theme-opendyslexic] q,body[data-theme-opendyslexic] dl,body[data-theme-opendyslexic] dt,body[data-theme-opendyslexic] dd,body[data-theme-opendyslexic] ol,body[data-theme-opendyslexic] ul,body[data-theme-opendyslexic] li,body[data-theme-opendyslexic] fieldset,body[data-theme-opendyslexic] form,body[data-theme-opendyslexic] label,body[data-theme-opendyslexic] legend,body[data-theme-opendyslexic] table,body[data-theme-opendyslexic] caption,body[data-theme-opendyslexic] tbody,body[data-theme-opendyslexic] tfoot,body[data-theme-opendyslexic] thead,body[data-theme-opendyslexic] tr,body[data-theme-opendyslexic] th,body[data-theme-opendyslexic] td,body[data-theme-opendyslexic] article,body[data-theme-opendyslexic] aside,body[data-theme-opendyslexic] dialog,body[data-theme-opendyslexic] figure,body[data-theme-opendyslexic] footer,body[data-theme-opendyslexic] header,body[data-theme-opendyslexic] hgroup,body[data-theme-opendyslexic] nav,body[data-theme-opendyslexic] section,body[data-theme-opendyslexic] mainbody[data-theme-opendyslexic] {
font-size: 10pt;
}

[Lautre]

waouh I hadn’t seen this extension, it works perfectly !
You’re great to have taken the time to go through all the css declarations (there are quite a few) !!!
many thanks