Ask Ubuntu is a question and answer site for Ubuntu users and developers. It's 100% free.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Am really liking what you can do with Gnome Shell. The extensions are very nice and there's some very good ones that available. Is there an easy way to tighten up the items on the panel... below is what's on my screen right now...

enter image description here

share|improve this question
up vote 2 down vote accepted

There is now a simpler way to achieve this, it is an extension which modifies the hpadding for the right box only, which is basically enough for most. To install the extension click THIS LINK and click the toggle switch once, it will change to On and a box will come up asking you if you'd like to install. You will now see automagical spacing decrease. This works on 3.2, and 3.4, for 3.4 once it is installed you can configure it by refreshing the page and clicking the Preferences icon.

The OLD method to achieve this is to edit the default theme, but since it will get overwritten by updates, you should instead make a copy of the default theme, and edit the copy. You will need the user themes extension enabled to do it this way. To install the user themes extension refer to THIS LINK and then read below(at the bottom) to copy the default theme.

To edit the default theme you would run Alt+F2 or open a terminal:

gnomesu gedit /usr/share/gnome-shell/theme/gnome-shell.css

Now find and change hpadding to the desired setting: Ctrl+f, hpadding Note that hpadding only exists on 2 lines, here is where you will see it:

.panel-button {
    -natural-hpadding: 12px;
    -minimum-hpadding: 6px;
    font-weight: bold;
    color: #ccc;
    transition-duration: 100;

If you want to copy the theme instead you will open a terminal again and run for example

sudo cp /usr/share/gnome-shell/theme/ ~/.themes/GnomeShell/gnome-shell/

You also have to create a default theme.json file in the newly created gnome-shell directory, to do this with terminal touch ~/.themes/GnomeShell/gnome-shell/theme.json and gnomesu gedit ~/.themes/GnomeShell/gnome-shell/theme.json Paste the following:

{ "shell-theme": { "name": "Gnome Shell", "author": "l300lvl", "version": "1.0", "type": "custom", "thumbnail": "preview.jpg", "url": "" } }

Ctrl+s to save.

This will place the theme in your local users themes directory, i.e /home/USER/.themes/

To copy with Nautilus instead use Alt+F2(or paste in a terminal), gnomesu nautilus and browse to the above directory.

Once you've either copied the theme and done the desired edits, and enabled the extension mentioned above and then selected the theme, or edited the default theme, if you still don't see the correct results try restarting the shell: Alt+F2 r or reload the theme Alt+F2 rt

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.