To change the font size, find the following section & just change the line I have indicated with my comment to whatever font size you want. I went with 8.5pt
Code:
.app-well-app > .overview-icon,
.remove-favorite > .overview-icon,
.search-result-content > .overview-icon {
border-radius: 4px;
padding: 10px; /* How much bigger you want the Highlight Square around the Icon - Default 3px */
border: 1px rgba(0,0,0,0); /* Shadow Border - Default 1px*/
font-size: 8.5pt; /* Font Size - Default 7.5pt */
color: white;
transition-duration: 100;
text-align: center;
}
Here is the modified section of my gnome-shell.css file.
Try it if you want, but back up your copy of the css file first in case you don't like it.
I have some fairly descriptive comments to the right of important lines, to let you know which lines do what. Most of the lines you'll be looking for are almost half way down the file.
NOTE: Almost everywhere I've commented, I have changed something. EVERY change is commented. Read them all because, for at least one of the icon size things I remember you have to change two lines, not just one line.
Repeat: Read ALL my comments (to the right of modified lines) before changing any icon sizes.
Code:
.search-providers-box {
spacing: 12px; /* Search Providers ~ Space between Buttons - Default 12px */
}
.dash-search-button {
background-gradient-direction: vertical;
background-gradient-start: rgba(255, 255, 255, 0.2);
background-gradient-end: rgba(255, 255, 255, 0);
border: 1px solid #808080;
border-radius: 16px;
height: 32px;
width: 200px; /* Search Providers ~ Button Width - Default 300px */
font-weight: bold;
}
.dash-search-button:selected,
.dash-search-button:hover {
background-gradient-direction: vertical;
background-gradient-start: rgba(36, 109, 82, 0.5); /* Search Provider Buttons ~ Color ~ Hover - Default rgba(255, 255, 255, 0.4) */
background-gradient-end: rgba(255, 255, 255, 0.2); /* Search Provider Buttons ~ Color - Default rgba(255, 255, 255, 0.2) */
}
.dash-search-button-label { /* Search Provider Buttons ~ Font */
color: #cccccc;
font-size: 12pt;
}
/* Apps */
.icon-grid {
spacing: 4px; /* Applications ~ Grid ~ Spacing - Default 36px */
-shell-grid-item-size: 92px; /* Applications ~ Grid - Default 118px */
}
.icon-grid .overview-icon {
icon-size: 48px; /* Applications ~ Icon Size - Default 96px */
}
.all-app {
padding: 8px 25px 8px 2px; /* Applications (Mid) List ~ Padding ~ Top Right Bottom Left - Default 16px 25px 16px 16px */
spacing: 10px; /* Applications (Mid) List ~ Spacing to Categories (Right) List - Default 20px */
}
.all-app:rtl {
padding-right: 2px; /* Applications (Mid) List ~ Padding - Default 16px [Swaps Orientation for Right-to-Left Languages] */
padding-left: 25px; /* As Above ~ Default 25px [Both Values Must be Right-Left Opposite of .all-app padding above] */
}
.app-filter {
font-size: 10.5pt;
font-weight: bold;
height: 2.85em;
color: #aaa;
width: 200px;
}
.app-filter:hover {
color: #eee;
}
.app-filter:selected {
color: #ffffff;
background-image: url("filter-selected-ltr.svg");
background-position: 190px 10px;
}
.app-filter:selected:rtl {
background-image: url("filter-selected-rtl.svg");
background-position: 10px 10px;
}
.app-filter:focus {
outline: 1px solid #aaa;
}
.dash-item-container > .app-well-app {
padding: 1px 3px; /* Favorites (Left) Dash ~ Padding between Icons ~ Vertical Horizontal - Default 4px 8px */
}
.remove-favorite-icon {
color: #a0a0a0;
}
.remove-favorite-icon:hover {
color: white;
icon-shadow: black 0px 2px 2px;
}
.app-well-app > .overview-icon,
.remove-favorite > .overview-icon,
.search-result-content > .overview-icon {
border-radius: 4px;
padding: 10px; /* How much bigger you want the Highlight Square around the Icon - Default 3px */
border: 1px rgba(0,0,0,0); /* Shadow Border - Default 1px*/
font-size: 8.5pt; /* Font Size - Default 7.5pt */
color: white;
transition-duration: 100;
text-align: center;
}
.app-well-app.running > .overview-icon {
text-shadow: black 0px 2px 2px;
background-image: url("running-indicator.svg");
}
.app-well-app:selected > .overview-icon,
.search-result-content:selected > .overview-icon {
background-color: rgba(255,255,255,0.33);
}
.app-well-app:hover > .overview-icon,
.remove-favorite:hover > .overview-icon,
.search-result-content:hover > .overview-icon {
background-color: rgba(36,109,82,0.4); /* Color & Opacity of Highlight Square - Defualt rgba(255,255,255,0.1) */
padding: 10px; /* I added this line ~ Pads Highlight Sqaure - Stretches grid on hover unless value matches .app-well-app padding above */
text-shadow: black 0px 2px 2px;
transition-duration: 100;
}
I also changed the font. It's the very first section right at the top of the .css file;
Code:
stage {
font-family: 'URW Gothic L', sans-serif; /* Fonts - Default cantarell, sans-serif */
}