I cannot change the font size of package explorer in Eclipse

A

13

29

I try to change the font size of package explorer in Eclipse from menu Window → Preferences → General → Appearance, and I fail to change the font size. How can I do that? I use Eclipse v4.2 (Juno) on Windows 7.

Anselm answered 25/1, 2013 at 20:20 Comment(2)

possible duplicate of How can I configure the font size for the tree item in the package explorer in eclipse – Lactic 3/2, 2014 at 16:37

@mohammed: maybe it's time to revisit which one is the correct answer ;) – Facile 22/10, 2016 at 13:43

D

0

Eclipse is using native Windows widgets and their settings can only be changed from Display Properties / Settings / Advanced / General properties tab. There you can change your screen DPI to alter font sizes.

Desist answered 25/1, 2013 at 20:45 Comment(3)

but I don't want to change my screen DPI – Anselm 25/1, 2013 at 20:53

Hey, you asked how and just gave you solution, don't blame me if you don't want to use it. :) – Desist 25/1, 2013 at 21:3

Actually, you can override those settings by CSS. – Facile 25/2, 2013 at 13:18

F

29

On Juno and up you can adjust that font by CSS.

Lookup the files in eclipse\plugins\org.eclipse.platform_4.2.x.y\css for your current style sheet (probably e4_default_win7.css), and then just add the following rule:

#org-eclipse-jdt-ui-PackageExplorer Tree,
#org-eclipse-ui-navigator-ProjectExplorer Tree {
  font-size: 10px; /* <-- Desired font size */
}

Update: stylesheets are in eclipse/plugins/org.eclipse.ui.themes_x.x.x.vxxxxx/css folder since Eclipse 4.4 (Luna).

Facile answered 21/2, 2013 at 20:19 Comment(2)

See also Jeeeyul's Eclipse Themes - Chrome for an easier way to edit the CSS, and Themeable RWT Widgets for some elements to style. Could not find a reference for ids to specific parts though. – Prakrit 13/2, 2014 at 11:43

Unfortunately this only affects part of the folders and files. Some are still small. Running Eclipse 4.7.1 – Doughy 21/1, 2019 at 10:47

E

20

FYI:

From Eclipse v4.4 (Luna):

It looks like the CSS files are no longer in the old folder:

`eclipse/plugins/org.eclipse.platform_4.x.x.vy/css`,

They are moved to the new folder:

eclipse/plugins/org.eclipse.ui.themes_x.x.x.vxxxxx/css

And you must select a theme to apply it, in the menu Windows → Preference → General → Appearance.

Enjoin answered 27/8, 2014 at 8:24 Comment(1)

as stated here if you want to change it on mac add ".MPart Tree{ font-size: 18;}" at the end of the file e4-dark_mac.css for the dark style, at at the end of file e4_default_mac.css for the regular style change. – Glop 1/4, 2016 at 0:19

M

17

This worked for me:

.MPart Tree{
  font-size: 8;
}

Managing answered 28/5, 2013 at 19:24 Comment(4)

If this entry is missing, you can add it to the e4_basestyle.css – Inconsequent 18/9, 2014 at 12:5

I added this entry and it is the only solution of all suggested one I found that did actually work for me (Eclipse Mars @ OS X) – Emmen 10/8, 2015 at 10:14

this worked for STS 3.6.3 which is Eclipse Luna SR1 (4.4.1), i changed plugins\org.eclipse.ui.themes_1.0.1.v20140819-1717\css\e4_default_win7.css on my win7 desktop. – Diaeresis 7/12, 2015 at 16:17

It doesn't work for the whole tree for me. It makes some of the entries larger, but I am looking for a different class to make all of the tree nodes larger – Photovoltaic 9/5, 2017 at 4:10

C

7

These are my settings and a screenshot of the IDE.

    #org-eclipse-jdt-ui-PackageExplorer Tree,
    #org-eclipse-ui-navigator-ProjectExplorer Tree,
    #org-eclipse-ui-views-ContentOutline Tree,
    #PerspectiveSwitcher ToolBar {
      font-size: 8px;
    }

    .MPartStack {
      font-size: 8;
      swt-simple: false;
      swt-mru-visible: false;
    }

Eclipse screenshot

Chalk answered 28/1, 2014 at 15:5 Comment(0)

H

5

You can lookup the CSS style files in eclipse/plugins/org.eclipse.platform_4.2.X.vY/css edit your current style (probably e4_default_win7.css).

Add something like this:

    #org-eclipse-ui-jdt-PackageExplorer {
       font-size: 20pt;
    }

and hope you have a nice and large font (I did not check it myself).

Pro tip: Next time you need to find the CSS Id for a part of the UI, use CSS Spy which you can open with SHIFT-ALT-F5 (after you have installed it).

Hurdle answered 25/1, 2013 at 21:7 Comment(0)

T

3

This worked for me using version 2019-09 on Windows 10:

Locate the directory C:\Users\johndoe\.p2\pool\plugins in File Explorer, replacing "johndoe" with your own Windows user ID.
Depending on what you have done in the past with Eclipse, you should see one or more directories with names that start with org.eclipse.ui.themes.
Select the one with the most recent date modified. In my case its name was org.eclipse.ui.themes_1.2.700.v20190826-0816.
Within that directory open the directory named css.
Open the file named e4_default_win.css in a text editor, and append something similar to the following at the end of the file:

Tree { font-size: 24px; font: Mistral; }

Don't pick those specific values! You should pick the font and font size you want. I deliberately made poor choices only to make the effect of those settings obvious in the screen shot below.
Save the file and restart Eclipse. You should see that the font has been changed in the Project Explorer and Package Explorer views, and a lot of other places as well:
Just be clear, the name of the file I edited was C:\Users\johndoe\.p2\pool\plugins\org.eclipse.ui.themes_1.2.700.v20190826-0816\css\e4_default_win.css. The name of the file you edit won't be exactly that, but it should be similar.

Tervalent answered 7/12, 2019 at 10:19 Comment(0)

S

2

On Ubuntu 14.04 (Trusty Tahr) this was the best choice for me:

.MPart Tree{
  font-size: 10;
}

Shawna answered 27/10, 2015 at 0:36 Comment(3)

I think it looks best in Ubuntu with font-size:8px and font-family: Sans; – Gutturalize 4/11, 2016 at 21:9

Yes, sure. In my case i wanted i little bit bigger but this was my personal preference. – Shawna 5/11, 2016 at 20:4

This works on windows too - just make sure you're editing the right theme file. – Transudation 3/10, 2018 at 10:38

I

2

In my case I'm using DevStyle plugin with Spring Tool Suite 4.

The font size of project explorer can be changed going to Eclipse menu bar:

Window
- Preferences
  - DevStyle
    - Extras
      - Explorer font size

This setting is saved into workspace folder:

\workspace\.metadata\.plugins\com.genuitec.eclipse.ui.common.platform\extra-styling.css

I tried edit directly in file but when open Eclipse the file was overwritten

Using STS 4.8.0.RELEASE based on Eclipse 2020-09 (requires a JDK11)

Integumentary answered 13/10, 2020 at 18:9 Comment(0)

R

2

Finally, from Eclipse 2020-09 (4.17) there is an option "Tree and Table font view" in Window -> Preferences -> General -> Appearance -> Colors and Fonts which changes size of the font in Package Explorer, among others.

Reactance answered 15/4, 2021 at 12:51 Comment(1)

This should be the accepted answer as of 2021, no need to alter css anymore. – Autrey 10/5, 2021 at 7:59

D

2

If it helps you to spot the setting easier , this is a screenshot how to change the font elsewhere than the font from the editor window

Disc answered 8/6, 2021 at 8:16 Comment(0)

D

0

Eclipse is using native Windows widgets and their settings can only be changed from Display Properties / Settings / Advanced / General properties tab. There you can change your screen DPI to alter font sizes.

Desist answered 25/1, 2013 at 20:45 Comment(3)

but I don't want to change my screen DPI – Anselm 25/1, 2013 at 20:53

Hey, you asked how and just gave you solution, don't blame me if you don't want to use it. :) – Desist 25/1, 2013 at 21:3

Actually, you can override those settings by CSS. – Facile 25/2, 2013 at 13:18

M

0

Thanks to Veger's reply, I successfully changed the font of my PHP Explorer in PHP Perspective (with PDT installed). The following CSS code,

    #org-eclipse-php-ui-explorer Tree {
       font-family: Consolas;
       font-size: 21px;
    }

are added into my "eclipse-4.3\plugins\org.eclipse.platform_4.3.1.v20130911-1000\css\e4_default_win7.css" file.

You may choose a different CSS file, depending on the theme you choose through Preferences → General → Appearance: "Theme" drop-down list).

Manzanilla answered 19/12, 2013 at 15:21 Comment(0)

B

0

In Eclipse 4.7.x the CSS files are under eclipse⁩/⁨plugins⁩/⁨org.eclipse.ui.themes_1.2.1.v20170809-1435⁩/⁨css⁩/

In my case I use the dark theme for OSX, so I opened the file e4-dark_mac.css and added the font-size line:

CTabFolder Tree, CTabFolder Canvas {
    background-color: #2F2F2F;
    color: #CCC;
    font-size: 13pt; // new 
}

Brittenybrittingham answered 26/9, 2018 at 20:56 Comment(0)

Recommended topics

Hot tags