Show files larger in sidebar in PhpStorm - ide

I have a question about the view of files in the sidebar of PhpStorm. I often give lessons about Laravel framework. Then I use PhpStorm to code some examples. I always change the font-size in Preferences > Editor > Colors & Fonts > Font.
But how can I change the size of folders and files in my sidebar?

Related

How to change intellij font size globally?

I'm try to decrease the font size of my code and the workbench menus. Doing it by File > Settings > Editor > Font only changes the font size in the code editor. Is there way to do this for the whole IDE?
There are 2 Font settings in Jetbrains.
To set the global scale, Open Appearance & Behavior > Appearance, enable the checkbox Use custom font: and then increase the Size
Editor > Font is only for the editor, so menus are not affected.
short cut may be you can us control button + keyboard wheel OR ctlr+ + or - button . That works in most case

Changing background color of file tree + popups in IntelliJ

I'm trying to customize my IntelliJ editor and have been unable to find the config that corresponds to the background color for the file tree explorer. This same color is used throughout the editor (popups, menu bars etc) and would be nice to be able to change w/ out choosing an entirely different theme.
It can be manipulated by themes but I can't find it anywhere in settings -> appearance & behavior or settings -> editor -> color scheme etc.
Project view background color depends on the theme selected and cannot be changed without changing the theme itself. You can find that information at JetBrains' bug tracker (in several last comments):
IDEA-132299 Allow custom colors for the built-in UI themes (LAFs Darcula and Default):
Now you can develop your own theme and editor color scheme. It's been announced recently in the JetBrains blog: https://blog.jetbrains.com/idea/2019/03/brighten-up-your-day-add-color-to-intellij-idea/
So please follow the instructions in the article and create your own colors.
Certain folders and files will have different colors based on the Scopes.
Also you may use another GUI Theme. You can download custom dark themes in JetBrains' plugins repository. For example "One dark theme" took 2nd place in JetBrains' theme contest.
On contest's page you could find additional 30 dark themes:
https://plugins.jetbrains.com/contest/intellij-themes/2019

How to modify the font of PhpStorm findbox

How to modify the font of PhpStorm findbox (find text field)? Fonts are windows default simsun! No change options in settings.
Update: this feature is available starting from IntelliJ IDEA 2018.3.1. To make the search/replace fields use the editor font you can add -Dide.find.use.editor.font=true in Help | Edit Custom VM Options and restart the IDE.
Original answer:
At the moment the font used in the text field is hardcoded and you can't change it, please vote for this request and follow it for updates:
IDEA-106651 Editor Search/Replace: use editor font for text input fields
Other related requests:
IDEA-68258 Font in Find/Replace dialog and Find panel same as in editor
IDEA-125920 Make the editor text search bar text-size & font an option.

edit custom content in bigcommerce stencil

As we're currently moving from Blueprint to Stencil, we would like to add some blocks of custom content to our home page.
A block of custom content would contain an image, a line of text, as well as a link to a product, a brand, or a page.
Is there a way to add a text block (text input field) in the Stencil Theme Editor in order to edit a line or block of text (besides just (background) colors, image size dropdown, etc.) without having to upload a new version of the theme?
An option would be to use the language file (en.json) to store the content. Is there a way to modify the en.json file without having to upload a new version of the theme for every update?
Or, is there another way to deal with custom content blocks in Stencil?
To give more context, the user/client should be able to replace a background image, (promotional) content, links etc. through the Theme Editor without having to "hand-code"... to make it more like a WYSIWYG "WordPress"-style.
The problem we first encountered was that the option "Edit Theme Files" from within the Theme Editor didn't do anything.
The answer to the problem is to go to "Storefront Design" > "My Themes" > "Edit Theme Files".
This option opens up the editor allowing us to edit the "en.json" file that contains the actual content for the handlebars we added to the html file.

Changing the code font size in WebStorm IDE

I can't seem to find a way to change the code font size in WebStorm. I change the font size in options and it changes the menu and toolbar font size but not the actual code. Any ideas?
Settings (Preferences on Mac) | Editor | Colors & Fonts | Font, Size:
Before you can change this setting you must click "Save As..." and save the scheme under a custom name.
If you came here because you already found that screen, but the text box was locked...
This is because you cannot modify the current theme.
Click "Save As..." to save a copy of your current theme, now you should be able to edit whatever you want.
There is also an option to enable mouse wheel zooming, like in browsers:
File > Settings > Editor > Change font size with Ctrl+Mouse Wheel.
If you are a new WebStorm 10.0.4 user,
File > Settings > Editor > General > Change font size with Ctrl+Mouse Wheel.
The answer that discusses how to dynamically change the font size via the mouse wheel is partially correct, but leaves out a crucial step:
File
Settings
Editor
General (this is the crucial step missing from the previous answer)
Set the "Change font size (Zoom) with Ctrl+M
The previous answer was missing the crucial step 4, which, when omitted, leaves you wondering where the magic checkbox control is located.