CSS - how could I edit (disable most of) the default CSS shortcut suggestions?

Hey awesome JetBrains community :)


I've been struggling over the past couple hours to figure this out, so I would highly appreciate any help.

Long story short: in earlier versions of PhpStorm, I was able to use a 2- or 3-character shorthand to expand (probably thanks to Emmet) a CSS declaration, such as:

typing p, then o, then r, then pressing the Tab key

used to result in

position: relative;

I remember there was also a setting somewhere that allowed me to disable some of the suggestions that were popping up while typing the above shorthand, but I don't seem to be able to find it anymore. I'm referring, for instance, to the ones highlighted below.

To conclude, I'd strongly prefer to get rid of all those property suggestions (and consequently, autocompletes) and just leave the ones I need in there.


Many thanks.


Comment actions Permalink

OMG, writing CSS in PhpStorm used to be so much faster! It feels like writing CSS in Coda now... :(

I just noticed that there are many other CSS declaration shortcuts that used to work, but now they don't anymore. Here are some examples of the ones I badly need to work again:

t0 for top: 0;

pt50p for padding-top: 50%;

maw4r for max-width: 4rem;

ovh for overflow: hidden;

br0 for border-radius: 0;

and so on and so forth...



Comment actions Permalink

Hi there,

1) You cannot remove standard properties from completion.

2) But you can disable unwanted standard Emmet abbreviations/matches (e.g. "wid" -> "widows"): "Settings (Preferences on macOS) | Editor | Live Templates | Zen CSS"

3) For pt50p and alike expansion, make sure that you have enabled CSS Emmet: "Settings (Preferences on macOS) | Editor | Emmet | CSS"

Comment actions Permalink

Hey Andriy,

You sir, are a legend. Thank you so much, that did the trick!



Please sign in to leave a comment.