You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

  • Support
  • Forum
  • JCE Editor
  • How to adjust default font size in JCE Editor 2.9.17 Joomla 4. Writings are not readable.

Support is currently Offline

Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)

Please post your question in the Forum and we will get back to you as soon as we can.

  Friday, 26 November 2021
  12 Replies
  2.8K Visits
Dear Ryan,

I can't read what I'm typing in the backend.
The font size is too small in the Backend.
The font size is fine on the frontend using Cassiopeia.

Using Joomla 4 standard templates Cassiopeia and Atum.

Global Configuration / Site / Default Editor ... set to Editor – JCE
Components / JCE Editor Pro / Global Configuration / Editor Styles is Default ...
it uses Default JCE Editor Styles

How to find css file when F12 doesn't "Inspect" your area.

Templates/cassiopeia/css/editor.css
Templates/system/css/editor.css
componentns/com_jce/editor/libraries/css/editor.min.css

Where to modify text-size ?

Please advise
more than a month ago
·
#111566
Accepted Answer
joonchen

If you want to change the font-size of the editor content only, and not have it affect the front-end content display, then you need to create an editor.css file in your template's css folder, and add the new font-size, plus import rules for the template's stylesheets. So in your case the contents of the editor.css file in templates/shaper_helixultimate/css/ would be:


@import url('bootstrap.min.css');
@import url('template.css');

:root {
--bs-body-font-size: 18pt;
}


I have made this change on your site.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#111567
This is brilliant, thanks Ryan! Superb support!
joonchen selected the reply #111566 as the answer for this post — 2 months ago
more than a month ago
·
#111566
Accepted Answer
joonchen

If you want to change the font-size of the editor content only, and not have it affect the front-end content display, then you need to create an editor.css file in your template's css folder, and add the new font-size, plus import rules for the template's stylesheets. So in your case the contents of the editor.css file in templates/shaper_helixultimate/css/ would be:


@import url('bootstrap.min.css');
@import url('template.css');

:root {
--bs-body-font-size: 18pt;
}


I have made this change on your site.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#111521

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#111518
Yes, I already did that, but its still not working. Any other hint? Thanks.
more than a month ago
·
#111506
joonchen - Clear your browser cache after making any changes to the template css files.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#111499
Hi there,

Can someone please describe a step-by-step solution for this? Creating or editing an article in the backend with template Autum 1.0 is difficult to read, specially with a high resolution widescreen monitor. I went to:

System > Administrator Templates > Atum Details and Files > Editor > /media/templates/administrator/atum > CSS > template.css (it says "Editing file "‎/media/templates/administrator/atum/css/template.css" in template "atum".) > changed "--body-font-size: 1rem;" to "--body-font-size: 18pt;" > logged out, logged in again, but no changes.

I don't want to edit the article from the frontend, only from the backend.

Joomla v4.1.5
Autum v1.0
JCE Pro v2.9.28

Thanks in advance!
more than a month ago
·
#110000
Solved.
You need to log out and log in again to see the effect.
more than a month ago
·
#109999
Update Joomla 4.0.5 JCEPro 2.9.19-Beta7
Font Size in text area is standard 10pt.
It is too small to read without glasses.

System / Site Templates / Cassiopeia / CSS / Template.css

Line 08 :root {

--body-font-size: 1rem;

change into
--body-font-size: 18pt;
or into 2rem ... that doesn't work (anymore)
more than a month ago
·
#109604
Thanks, found it, it works
more than a month ago
·
#109598
Administrator Templates / Atum Details and Files / css / template.css

root {
--body-font-size: 18pt; /* instead 1 rem; line 82 when each semicolon is entered */
}


JCE does not load the admin template.css file, but the site cassiopeia template.css file - templates/cassiopeia/css/template.css

In this file, the default font-size is 1rem.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#109597
Thanks. I will wait the full answer.

Set Components / JCE Editor Pro / Globak Configuration / Editor Styles ... to Template CSS

Administrator Templates / Atum Details and Files / css / template.css

root {
--body-font-size: 18pt; /* instead 1 rem; line 82 when each semicolon is entered */
}

Doesn't work

Article text size is still font-size 10 pt.

I will need 2.0X reading glasses for that.
more than a month ago
·
#109595
Components / JCE Editor Pro / Global Configuration / Editor Styles is Default ...


Set this to Template CSS File so the editor uses the template's stylesheets.

Just because you're not paranoid doesn't mean everybody isn't out to get you.

  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!