Tip #18

Switch Themes with a keyboard shortcut.

Not in the mood for the current theme, but don’t feel like opening Themes Settings either to pick a different one? No problem. In Vivaldi, you can switch to the next theme in your Theme Library with a Keyboard Shortcut.

Since the command doesn’t come with a default shortcut, you first need to assign one to it.

  1. Go to Settings > Keyboard > View.
  2. Find the command ‘Next Theme’ on the list.
  3. Assign a shortcut to it.

Now, whenever you feel like changing the theme, just use the shortcut. Use it multiple times in a row to shuffle through all themes in your Theme Library.

By the way, you can also type “Next Theme” in Quick Commands or use a Mouse Gesture.

Tip #17

Organise your Tab Stacks by renaming them.

When you group tabs into a stack, the icon and title of the most recent active tab in the stack will be shown on the Tab Bar. With many tabs and stacks, locating the tab you need can still take time. Tab Stack renaming to the rescue!!! By giving the stack a title, you can spot the right stack on the Tab Bar in no time. 💪

There are a couple of ways to rename a Tab Stack.

Option 1

  1. Right-click on the Tab Stack.
  2. Select Rename Tab Stack from the context menu.
  3. Give the Tab Stack a name.
  4. Press Enter or focus elsewhere in the browser to save the new name.

Option 2

  1. Double-click on the Tab Stack.
  2. Give the Tab Stack a name.
  3. Press Enter or focus elsewhere in the browser to save the new name.

In case you have enabled minimizing tabs or closing tabs on double-click, it’s not possible to start renaming a Tab Stack with double-click.

Option 3

  1. In the Window Panel, right-click on the Tab Stack.
  2. Select Rename from the context menu.
  3. Give the Tab Stack a name.
  4. Press Enter or focus elsewhere in the browser to save the new name.
Vivaldi Tab Bar with 3 Tab Stacks.
1st and 2nd Tab Stack have been renamed. 3rd Tab Stack has the title from the web page.

Tip #15

Right-click on a Panel and select Separate Width to resize only the selected Panel.

Not all Panels are equal. Give each Panel the width it needs to display the content in the best possible way.

To resize a Panel:

  1. Right-click on a Panel you want to resize.
  2. Select Separate Width from the context menu.
  3. Place the mouse cursor over the outer edge of the Panel and drag to resize.

Tip #14

When sharing the URL itself is not convenient or possible, share links using QR codes generated in Vivaldi

There are multiple ways to generate a QR code on the desktop version of Vivaldi.

Option 1

  1. Make sure you’ve enabled the QR Code Generator in Settings > Address Bar > Address Field Options.
  2. Open the web page you want to generate the QR code for.
  3. Click on the QR code button on the right side of the Address Field.
Vivaldi window with QR code generation dialog open.
You can even use QR codes to Rickroll a friend. 😄

Option 2

  1. Open the web page you want to generate the QR code for.
  2. Open Quick Commands.
  3. Type “Create QR Code for Active Page”.
  4. Press Enter to execute the command.

Option 3

  1. Create a Keyboard Shortcut or a Mouse Gesture for creating QR codes in Settings.
  2. Open the web page you want to generate the QR code for.
  3. Use the shortcut whenever you want to create a new QR code.

When the code has been created, you can download the QR code as an image, copy the QR code image or show your device’s screen to someone, who can scan the QR code with their device.

Generate QR codes on Android

To create a QR code on your Android device:

  1. Open the web page you want to generate the QR code for.
  2. Go to the Vivaldi menu > Share.
  3. From the bottom row of options (screenshot, copy link, etc.) swipe left and select QR Code.

When the code has been created, you can either download the QR code as an image or show your device’s screen to someone, who can scan the QR code with their device.

Tip #13

Type “Show Webpage Access Key Shortcuts” in Quick Commands to see which shortcuts you can use on the open web page.

Access Keys are a way to use a website’s key functionalities through keyboard shortcuts. Each website defines these shortcuts themselves.

To view the available shortcuts, either:

To use the shortcut, hold down Shift+Alt (Ctrl ⌥ on maOS) and the listed key to run the shortcut on the open web page.

Wikipedia.org, with the website's access keys listed in a pop up window.

Tip #12

Go to chrome://settings to access additional browser settings.

Vivaldi is based on Chromium. This means that we inherit the settings Chromium comes with. We have transferred all the important settings to Vivaldi Settings, where they can be accessed together with settings that are unique to Vivaldi.

To access the settings that are not available in Vivaldi Settings, type chrome://settings to the Address Field. Once the page loads, the URL will automatically change to vivaldi://settings. Typing vivaldi://settings directly to the Address Field will, however, take you to the main Vivaldi Settings.

Tip #11

On the left side of the Address Field, click on 🔍 to search for the entered word/phrase or to go to the entered URL.

Most of us probably just press Enter on our keyboards when we’re ready to do a search or open a website, but did you know there’s a button in the user interface you can click instead?

The Site Info button turns into a Go to Address button on the Start Page or when you’ve entered something in the Address Field. Just click on the magnifying glass, when you’re ready to see the search results or load the web page.

In case you’ve used a search engine nickname before your search term, you’ll see the chosen search engine’s logo instead. You can click that one too.

Tip #9

Change the look of Vivaldi’s user interface with custom CSS modifications.

If you’re familiar with reading and writing code, you can edit the desktop browser’s user interface with your own custom CSS modifications.

To get started:

  1. In vivaldi://experiments, enable “Allow for using CSS modifications”.
  2. In Settings > Appearance > Custom UI Modifications, select the folder where you’ll store all your custom CSS files.
  3. Restart the browser.

Now you can start inspecting the user interface using Developer Tools, write up your own CSS for the elements you want to change and see the browser transform to fit your preferences even more.

Vivaldi Community shares and works on modifications together on the Forum’s Modifications category. Feel free to ask assistance and share your work there.

Important! Code shared on the forum has not been reviewed by the Vivaldi Team. Which means that issues, including security issues, may be present.

If you don’t want to risk corrupting your main browser profile, test your modifications in a different User Profile or use a Standalone version of Vivaldi.

Tip #8

Highlight text on a web page, right-click on the selection and select “Search…” to get results in an instant.

Instead of copying and pasting or, heaven forbid, manually typing a search term from a web page to the Address or Search Field,

  1. Highlight the text you want to search with.
  2. Right-click on the highlighted text.
  3. Select Search [your default search engine] for [highlighted text].
    To search with a different search engine, hover over Search With and choose a search engine.

Tip #7

Click on the blue circle on your Forum profile to find all your content and followed posts.

When you go to your Vivaldi Forum profile on https://forum.vivaldi.net/me (or click on your profile image in the top right corner of the Forum and then on your username), you’ll find a 🔵 blue circle on the right side of the profile page.

Clicking on the button will open a menu with a lot of useful options. For example, you can see a list of all the discussions you’ve started (Topics) and comments you’ve made (Posts). Useful, when you’re looking for that one post you made ages ago.

In addition, you can manage the categories that you watch. Posts in the watched categories appear in the Unread and Recent sections of the Forum.

Open profile page menu.

Tip #4

Hold down the Ctrl / ⌘ key to change the location of buttons in the browser’s user interface.

Don’t like the default order of Panels? Or you’d prefer to have some buttons currently residing on the Status Bar on the Address Bar instead. No problem, Vivaldi has got you covered. 😎

Just press down on the Ctrl / ⌘ key on your keyboard and with your mouse drag and drop the button where you’d like to see it instead. A line showing the new location will appear when the button can be dropped.

Vivaldi window, showing the moving of the Mail button from the Status Bar to the Address Bar.

There currently are some limitations to where buttons can be moved. For example, you can’t move buttons from/to the right side of the Address Field. But we’re not done with the feature just yet, so you can expect to have even more flexibility in the future. 😉

Learn more about editing toolbars in Vivaldi.

Tip #3

On Vivaldi Themes, click on “Download theme” to preview the theme before installing it.

When browsing themes.vivaldi.net for new Themes for your desktop Vivaldi browser, you can get a live preview of the theme by clicking “Download theme”.

Then you have 1 minute to see how the theme looks. Make sure to check the Start Page to see how the awesome background image looks behind your Speed Dials. Other places where the user interface colours are clearly visible are Panels, Settings, Mail, etc.

When you’re satisfied with the theme, click “Install” in the pop-up to add the theme to your Theme Library. If it’s not really what you were looking for, click “Cancel” or let the preview time run out.

Tip #2

Press F1 for Help.

Vivaldi Help on https://help.vivaldi.com/ is an ever growing catalogue of articles that introduce Vivaldi features and services to you in more detail, instructs you to make the most of them and in the unfortunate event when something doesn’t work as expected, helps you troubleshoot issues.

There are a few ways to open Vivaldi Help.

  • Press the F1 key on your keyboard (on Windows and Linux).
  • Open the Vivaldi menu > Help > Vivaldi Help.
  • Type “help.vivaldi.com” in the Address Field.
  • Open Vivaldi Help’s Web Panel.

Check out Tip #297 to see how to best get to Vivaldi Help on Android and Tip #567 for iOS.

Tip #1

Add tips.vivaldi.net to Feeds to receive daily tips about Vivaldi.

Add Vivaldi Tips to Feeds in the Vivaldi browser

First, make sure you have Mail, Calendar and Feeds enabled in Settings > General > Productivity Features.

Option 1

  1. Click on the Feeds button on the right side of the Address Bar.
  2. Select “Vivaldi Tips » Feed – RSS”.
  3. Click “Subscribe”.

Option 2

  1. Click on the Feed (RSS) button below the page title ☝.
  2. On the feed’s preview page, click “Subscribe”.

Add Vivaldi Tips to any Feeds app

  1. Add the link https://tips.vivaldi.net/feed/ to a Feeds app of your choice.

Learn more about Feeds in Vivaldi.