Tip #212

Reorder the menus to have your most used commands at your fingertips.

A browser should adapt to your needs not the other way around. And that’s what Vivaldi does by allowing you to customize its menus according to your preferences. For example, if you use Open Link in Background Tab more than you use Open Link in New Tab, why not switch their places and put the most used option at the top of the list?

To reorder menu commands:

  1. Go to Settings > Appearance > Menu > Menu Customization.
  2. From the dropdown menu, select which menu you want to edit.
  3. In the column on the left, drag and drop the menu items to rearrange their order.

The changes are applied immediately. If you want to scrap your changes and start again, just click on Restore Default Menu.

Vivaldi Settings open on menu customization section.

Tip #183

Combine Vivaldi on Windows with Razer Chroma to make browsing more immersive and personal.

If Santa brought you new Razer Chroma gear for your computer, you can include Vivaldi in the color play. When Razer Chroma devices have been connected, your Theme‘s accent color will be reflected on the devices.

To enable Razer Chroma integration:

  1. Make sure your Chroma devices are connected to your computer.
  2. Go to Settings > Themes > Razer Chroma Theme Integration.
  3. Click Enable Razer Chroma Integration.
  4. Select the devices you want to sync with Vivaldi.

Make it more fun by enabling Accent from Page in your active theme’s settings or by setting up theme scheduling.

Tip #179

Light or dark? Choose the theme you prefer on the Vivaldi Forum.

Whether dark mode is easier on your eyes or you just enjoy the aesthetic, you now have the option to switch between light and dark themes also on the Vivaldi Forum.

To switch themes on the Forum:

  1. Click on your avatar in the top right corner and select Settings from the menu.
  2. In Select a Skin section, select your preferred Theme – Default (light) or Dark.
  3. Scroll to the bottom of the page and click Save Changes.

Tip #164

Decrease Accent Color Saturation in Theme settings for a more pastel look on the browser interface.

Vivaldi Theme settings allow you to display your chosen color or a color of the active page on the Tab Bar or Navigation Bar (depends on your Color Overrides settings). While your chosen color is most likely perfect, colors from active pages can sometimes be too bright. If the vivid colors become too distracting, you can fix that in Theme settings.

To adjust accent color saturation:

  1. Go to Settings > Themes.
  2. Go to the Editor tab and from the drop down menu select the theme you want to update.
  3. Adjust the value of Limit Accent Color Saturation to your liking.

The smaller the value the more subdued the color will be.

Two Vivaldi Browser windows, one in front of the other. The one in the background has 100% color saturation, the one on the foreground 60% saturation.

Tip #154

Set your favorite web page as the homepage for Vivaldi on desktop.

By default, when you click on the Go to homepage button on the Address Bar, you’ll be taken to the browser’s Start Page. If there’s a web page that you visit all the time, you could set that as the homepage instead. To do that:

  1. Go to Settings > General > Startup > Homepage.
  2. Select Specific Page.
  3. Enter the URL of the page you want as your homepage.
Vivaldi Browser window with the homepage button on the Address Bar zoomed in on.

Tip #127

Add empty space to the Address Bar to resize the Address Field.

Address Field takes up all available space that’s left over from buttons and other components on the Address Bar. On a larger screen the Address Field can get quite long. You can resize and center the Address Field by adding empty space on both sides, thus making the Address Field easier to access and the overall look a bit cleaner.

To add space to the Address Bar:

  1. Go to Vivaldi menu > View > Customize Toolbar.
  2. Make sure Navigation Toolbar is selected in the editor.
  3. Find the Flexible Space component and drag it to both sides of the Address Field.
  4. When you’re done, click outside the editor window to exit.
Vivaldi window, highlighting the customized Address Bar that has space on both sides of the address field.

Tip #124

Make menus more fun and colorful with emojis.

In addition to adding, removing and reordering menu items in Vivaldi, you can also rename them. Giving you the perfect opportunity to, not only name actions in a way that makes sense to you, but also add a little fun to them with emojis. 😎

To rename a menu item:

  1. Go to Settings > Appearance > Menu > Menu customization.
  2. From the drop-down menu select the menu you want to update.
  3. Right-click on the item or folder you want to edit and select Rename.
  4. While renaming the menu item, use your OS’s emoji keyboard (Win + . / ⌃ ⌘ Space) to find and add an emoji.
  5. Press Enter or focus elsewhere on the page to save the changes.

Tip #117

Assign your preferred key combinations to Keyboard Shortcuts.

Whether you’re used to a different shortcut, the default one is uncomfortable to use or the command you need doesn’t have a default shortcut, it’s easy to customize Vivaldi’s Keyboard Shortcuts to fit your preferences.

To add or change a keyboard shortcut:

  1. Go to Settings > Keyboard.
  2. Browse through the list of shortcuts to find the one you want to update.
  3. Click on the input field next to the shortcut’s name.
    If there’s already a shortcut that you want to remove, press ← Backspace to delete it.
  4. Press the key combination on the keyboard to set it as the new shortcut.

Tip #106

Keep track of your downloads from Downloads Pop Out.

Downloads Panel is a great way to see past and current downloads. But if Panels aren’t your thing, you can add a Downloads button to one of the toolbars and view the saved files in a pop out dialog instead.

To add the button to a toolbar:

  1. Go to  Vivaldi menu > View > Customize Toolbar.
    Alternatively, right-click on one of the buttons on a toolbar and select Edit > Customize Toolbar.
  2. From Navigation Toolbar components, locate Downloads.
  3. Drag it to a toolbar. For example, to the right side of the Address Bar.

When you want to view your downloads, just click on the button to open the dialog.

Tip #102

Customize browser toolbars from Vivaldi menu > View > Customize Toolbar.

In Tip #4 we told you how to move buttons around on the browser Toolbars. That method still works, but since then we’ve added even more flexibility to customizing Toolbars, giving you full control of your toolbar layouts. You can add, move and remove any of the components on the Navigation Toolbar, Status Bar, Mail Toolbar, Mail Composer Toolbar and Mail Message Toolbar. You can even add your custom Command Chains as buttons on the toolbars.

To customize the toolbars:

  1. Go to Vivaldi menu > View > Customize Toolbar.
    Alternatively, right-click on one of the buttons on a toolbar and select Edit > Customize Toolbar.
  2. While the Toolbar Editor window is open:
    • Click and drag new components to the toolbars,
    • Move components around without the need to hold down the Ctrl / ⌘ key,
    • Drag and drop components you want to remove on the background area (area that isn’t a toolbar, nor the editor window).
  3. Click on the background area to close the Toolbar Editor.

Feel free to mix and match components from various toolbars. For example, you can add the Compose New Mail button to the Navigation Bar and Extensions to Mail toolbars.

Tip #93

Choose a custom Theme color for Vivaldi on Android.

By default, with a light theme, Vivaldi on Android will change the Address and Tab Bar colors based on the open website. To change the accent color:

  1. Go to the Vivaldi menu button Vivaldi menu > Settings > Appearance > Themes.
  2. Choose between:
    • Adaptive color based on the open web page,
    • One of the preset colors,
    • Custom color (insert the color’s Hex value).

Tip #89

Customize Speed Dials from Quick Settings.

You can always customize your Start Page and Speed Dials from the main Settings page. To see the changes, though, you have to go back and forth between Settings and the Start Page. An alternative is to make the changes in the Quick Settings panel on the Start Page itself. That way you can see the changes immediately.

To customize the Speed Dial via Quick Settings:

  1. Open the Start Page.
  2. Open Quick Settings from the top right corner of the page.
  3. Go to the Speed Dial Appearance section.
  4. There you can:
    • Adjust the thumbnail size.
    • Set the maximum number of speed dial columns that can be displayed.
    • Choose whether to display the titles of the speed dials.
    • Toggle off and on Add and Delete buttons.

Tip #72

Add a new background image by right-clicking on an image and selecting Use Image as Window Background.

To update your browser’s Theme with a new background image, you don’t necessarily have to add a file from your computer, you can also set an image from the web as your background image.

  1. Find an image you like.
  2. Right-click on the image.
  3. Select Use Image as Window Background.
  4. Open Start Page to see how it looks.
A web page with a large image and context menu open on top.

Tip #65

On Android, move the Address Bar to the bottom for easier one-handed access.

With smart phones’ screens still increasing in size, reaching the top of the screen while simultaneously holding the phone with the same hand can get cumbersome. That’s why in Vivaldi you can move the Address and Tab Bars to the bottom of the screen for easier access.

To move the Address Bar (and Tab Bar) to the bottom of the screen on Android:

  1. Go to Vivaldi menu > Settings > Appearance.
  2. Toggle on Address Bar at Bottom.
Address Bar at the top vs at the bottom