Hi,

I may have missed it - but browsing around in the app and doing some searches here, I have not located how to change the display font size/color and the background color in the HTML Editor itself. I don't mean the html or PHP or whatever document, but rather in the editor display frame itself. My tired old eyes find the small blue font against a white background a bit difficult to read - particularly aggravating is my near inability to see the difference between a curly brace pair and a pair of parentheses with the default settings at 1920x1080 resolution on a 22" Dell screen.

Sincerely,
Gordon

I have done it as follows -
1. I go to Preferences at the bottom of the Tools menu.
2. I click on the Customization tab at the top right of the box that appears.
3. I click on the middle button named 'Modify Highlighting...', which bring up many options regarding font sizes, colours etc.

The above options affect the main panel. I know of no way of adjusting the fonts etc.in the panels at the left (My Websites, Library, My Computer etc.)

Frank

There are, of course, different editors to use -- Atom being a good one -- which make things MUCH easier, and it seems better suited to displaying code for responsive pages. With the recent price reduction I wouldn't be surprised to see the Editor on the way out.

To be honest, for precisely the reasons you mention, I find the responsive builders from CC almost impossible to use -- "grey-on-grey" -- not bad if you're using a 27 inch iMac monitor BUT....

the CC guys may be good at writing code but they're not good at UI/UX issues, or writing about what they've produced code for.

Many thanks Frank! That worked perfectly for my needs! :-)

Sincerely,
Gordon

Thanks a lot, Frank. I've just installed Version 18 and was horrified by the tiny font in the screen display. Ctrl+scroll wheel on mouse didn't work (it does in MS Office and many other programs!). Fortunately a Google search turned up your tip. In Version 18, in Customization go to Highlighting (in left hand column) -> Default text (at top of list). I changed Courier 8 to Courier 14 to get the size I wanted!

John

h1 {
font-size: 40px;
}

h2 {
font-size: 30px;
}

p {
font-size: 14px;
}

Set Font Size With Em

h1 {
font-size: 2.5em; /* 40px/16=2.5em */
}

h2 {
font-size: 1.875em; /* 30px/16=1.875em */
}

p {
font-size: 0.875em; /* 14px/16=0.875em */
}

Responsive Font Size
h1 style="font-size:10vw">Hello World</h1>