Can I add bottom panel and change the top panels size?

[00005]

Hello,

As the title says, can I add a bottom panel? And is it possible to change the top panels size? How?

Thank you!

[sgage]

Hello,

As the title says, can I add a bottom panel? And is it possible to change the top panels size? How?

Thank you!

There are extensions that will give you a bottom panel - just go to extensions.gnome.org and search. Lots of other goodies, as well.

As far as changing the size of the top panel - I don't know if that is readily doable.

[fpmurphy]

As far as changing the size of the top panel - I don't know if that is readily doable.

Sure you can. Just change it in the theme css file.

[Dan]

Agreed.

That being said, for a complete Noob at editing css ... that might be easier said than done.

Evening, Finn! <..:)..>

[00005]

Ok, thank you!

Where is the theme CSS file located? :)
What line should I look for?

[sgage]

Sure you can. Just change it in the theme css file.

I don't call that "readily" doable, but it's certainly doable.

[Dan]

Ok, thank you!

Where is the theme CSS file located?
What line should I look for?
The answer to that questions depends a lot on how far along you are in the process of customizing your Gnome 3/Gnome shell interface.

The file could be located in several places, depending on those factors.

The following answer presumes that you have installed user themes, and the advanced tweak tools to access them. Once (and if) that is the case, look in your home directory for a folder titled ".themes" (it will necessarily be a hidden folder. Use nautilus's menu tools to make it visible.)

Once you've found that, drill down to: .themes/(the theme you wish to change)/gnome-shell/gnome-shell.css.

Find the following lines:





/* Panel */

#panel {
color: #ffffff;
/* background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,0.0);
background-gradient-end: rgba(67,67,67,0.0);
*/
background-image: url(focused-titlebar-4.png);


border: 0px solid rgba(255,255,255,0.7);
border-bottom-width: 2px;
border-radius: 0px 0px 8px 8px;
box-shadow: inset 0px 0px 4px rgba(0,0,0,0.6);
height: 1.86em;
padding-right: 11px;
}

#panelLeft, #panelCenter {
spacing: 4px;
}

#panelLeft {
spacing: 4px;
}

#panelRight {
spacing: 4px;
}

#appMenu {
spacing: 4px;
}

.panel-button #appMenuIcon {
app-icon-bottom-clip: 1px;
}

.panel-button:active #appMenuIcon,
.panel-button:checked #appMenuIcon,
.panel-button:focus #appMenuIcon {
app-icon-bottom-clip: 2px;
}

.panel-menu {
-boxpointer-gap: 4px
}

#panelUserMenu {
spacing: 4px;
}


Note please that some of the lines I have here, you will not. I have already tweaked this theme file.

Change the value indicated in red. Also please note that although tempting, this should not be given an absolute value. In order to function properly, the ratio/em method will work best.