Adjustable default font / icon size.

  • yes I know about holding shift and scrolling the mouse wheel, but it doesn't effect the tool bars. I have a 27" 1440p monitor; love the pixel density on it but god damn if these tool bars aren't tiny. I keep having to lean closer and squint to make sure I am hitting the right icon sometimes. Could you guys come up with an option to adjust the size of the tool bars / icons for those of us with high DPI monitors & glasses? edit it would also be nice if new tabs would remember the general zoom you use when you open a new one, getting tired of having to zoom in to 200% for each tab.

  • Hello Xijit! - Your first post so welcome! 🙂

    I haven't played around with font size settings, but does this help?: vivaldi://chrome/settings/fonts (copy and paste to the Address Bar)

    I notice there is also a Chrome extension linked from the vivaldi://chrome/settings/fonts UI for more advanced settings. Extensions are not yet fully supported in Vivaldi (no place on the toolbar for extension buttons/controls), but many of them work and can be managed from vivaldi://extensions.

    I don't know, but these options might only affect the fonts displayed in the browser window and not those on the browser UI. But I'm sure eventually there will be more "Accessibility" customization available in Vivaldi.

  • @ gdveggie

    That extension is compatible with Vivaldi, and it does only affect fonts on web pages - it does not modify the browser's interface.

    @ Xijit

    However, the font size of the UI can be changed by opening the file located at %localappdata%\Vivaldi\Application\\resources\vivaldi\style\common.css in a text editor, finding "font-size" and adjusting the font to be whatever is comfortable. Just keep in mind that you'll have to do that for every part of the UI for which you'd like a larger font.

  • @Tiamarth: Good, I was hoping that Vivaldi's common.css might govern that (and almost mentioned the possibility), but I wasn't certain and was hoping someone who knew for sure might come along. 🙂

  • Moderator

    Rather than having to adjust the font-size for every element you can add this global at the common.css file:

      font-size:12px !important

    Also it's much better to add this at the beginning of common.css and creating a custom.css with all your edits:

    @import "custom.css";

    This way when a new version installs you can just copy your custom.css from the old folder to the new and just add this line again to common.css. This way it's safer to keep the changes in common.css on the new version.

  • I prefer not to edit the common.css at all but injecting additional css files by modifying the browser.html file, like in the panel hack I posted in my blog:
    (See method 2)
    You can add custom Javascript in a similar way too.

  • Moderator

    What's wrong with the UI scaling built-in to the Tools, Settings dialogue? Isn't 200% big enough? Or does it not scale some interface elements?


Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.