Resizing startpage-navigation and change color?
-
Hello,
I wish to resize the startpage-navigation (reducing height).
And - if possible - change the color.I found in this forum a tipp to disable startpage-navigation:
.startpage-navigation {
display: none !important;
}Perhaps resizing and coloring is possible too?
-
@Grainger This can be done.
.startpage-navigation { min-height: 40px !important; background-color: #ddd !important; }
Change color and height to your liking. The original size seems to be 50px.
-
Thank you, works like a charm!
-
-
The minimum height for the navigation bar seems to be about 36 pixels. That's better than 50 pixels.
.startpage-navigation {
min-height: 36px !important;
} -
@Pesala The height of the navigation bar in the Vivaldi code is controlled by min-height, and this is set to 50px by default. If you change the min-height you can set it to whatever you want.
-
@luetage I tried setting it to 20 pix, but it does not get any smaller.
-
@Pesala Oh, you can make it much smaller, but it doesn't really make sense. But I had a bit of fun with this just now.
This is a height of 12px..startpage-navigation { min-height: 10px !important; font-size: 8px; } button.button-startpage { min-height: 8px; padding-top: 0px; padding-bottom: 0px; } button.button-startpage svg { height: 8px; width: 8px; }
-
I am happy with 36 pixels. I thought it worth bumping the thread in case others wanted slightly less space taken by the navigation bar.
-
If you want the + to line up better you can adjust it with this
button.button-startpage.add-set { margin-top: 5px !important; }
-