Change display font size/color and bg...

User 515127 Photo


Registered User
116 posts

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
User 379556 Photo


Registered User
1,534 posts

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
User 235071 Photo


Registered User
110 posts

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.
User 515127 Photo


Registered User
116 posts

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

Sincerely,
Gordon

Frank Cook wrote:
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
User 2852716 Photo


Registered User
1 post

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
User 3124981 Photo


Guest
5 posts

h1 {
font-size: 40px;
}

h2 {
font-size: 30px;
}

p {
font-size: 14px;
}
User 3124981 Photo


Guest
5 posts

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 */
}
User 3124981 Photo


Guest
5 posts

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

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.