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
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
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:
I have made this change on your site.
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.
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:
I have made this change on your site.
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.
joonchen - Please send me a login - https://www.joomlacontenteditor.net/contact/site-login
Just because you're not paranoid doesn't mean everybody isn't out to get you.
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!
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!
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)
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)
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.
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.
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.
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!
Be one of the first to reply to this post!