How to resize topbar in Zorin 16 (Gnome layout)?

Is there a way to resize the topbar and it's icons when using the "Gnome layout"? I use a lot of extensions and it's getting messy.

The easiest way to use the default Zorin Layout and move the bar to the top, resize it and make it look like Gnome layout.

The tricky option is to edit the gnome-shell.css file.

1 Like

Here is an extension that can help you:
https://extensions.gnome.org/extension/4254/shell-configurator/

3 Likes

Nice. Didn't knew that one.

2 Likes

I've played the default layout + plank and get this. Both panels hide when engaged.

3 Likes

What 'bout the top panel? It certainly isn't plank...How did you manage to autohide that one? Wait...Did you move the dock to the top?

1 Like

Yes I moved it to the top.

2 Likes

Wow! now we can get a configurable top panel...

2 Likes

Thank you for all the replies.

I tried the extension and even though I was able to resize the top bar, the icons were being flattened. Using the default Zorin layout and modifying the taskbar also didn't work for me. So I tried to customize gnome-shell.css and got the results I wanted.

Here are the steps I follow for anyone interested in doing the same:

  1. Open terminal and type cd /usr/share/themes
  2. Type ls to see all themes available and enter the one you want to customize by typing cd THEME_NAME (In my case cd ZorinBlue-Dark)
  3. Type sudo gedit gnome-shell/gnome-shell.css to open the file
  4. Type Ctrl+F and search for top bar. There you'll find everything related to the topbar styling

I modified only the top bar height, overview icon size and the spacing between the extensions icons, so if you want something similar, just copy this code after ALL top bar styling (before "Activities Ripple")

/* Top Bar Customization */
#panel { height: 2em; margin: 0 5px; }
#panel .panel-button { -natural-hpadding: 0px; -minimum-hpadding: 0px; }
#panel .panel-button#panelActivities > * { width: 1.5em; height: 1.5em; }

Finally, go to Appearance and change the theme then go back to the one you modified.

1 Like

Very nice setup! Love it. How did you achieve the floating style of the top bar?

Thx. Sorry for my stupid question! :smiley:

1 Like