Tip #21

Watch videos in a floating window using the Pop Out Video feature.

The Pop Out Video feature, aka Picture-in-Picture, allows you to display HTML5 videos in a floating window so that you can continue watching the video while scrolling down a page or changing tabs.

To pop a video out from a web page:

  1. Hover the mouse cursor over the video.
  2. Click on the pop out video button that appears at the top edge of the video.

If you don’t see the button, check that Picture-in-Picture Button on Videos is enabled in Settings > Webpages.

Learn more about the feature on our Help page about Pop Out Video.

Pop out Video (picture in picture) window in Vivaldi browser

Tip #20

Add Extensions to Vivaldi from Chrome Web Store.

Vivaldi comes with a lot of built-in functionality, but you can do some additional fine tuning by adding Extensions. Since Vivaldi is built on Chromium, most Extensions available on Chrome Web Store also work in Vivaldi.

To add Extensions:

  1. In Vivaldi, go to Chrome Web Store.
  2. Search for the extension you want to add to Vivaldi.
  3. On the extension’s profile, click Add to Chrome.
  4. In the dialog, click Add extension.

To learn more, go to our Help page about Extensions.

Tip #19

Enable “Remove cookie warnings” in Tracker and Ad Blocker settings to hide websites’ cookie dialogs.

Since Europe’s GDPR and a few other user privacy laws don’t allow placing Cookies in your browser without consent, on your first visit, most websites ask for your permission as soon as the page has loaded. Accepting all cookies will allow the website and third parties to collect information on you and use the data in an attempt to influence your decisions later on. Until there’s better legislation, we recommend rejecting these cookies. But, depending on the website, rejecting all cookies can take minutes, slowing down your browsing significantly.

That’s why we’ve added a way to remove these cookie dialogs in the browser. To enable it:

  1. Go to Settings > Privacy > Tracker and Ad Blocking > Blocking Level.
  2. Enable Block Trackers and Ads.
  3. Then, click Manage Sources.
  4. In the list of Ad Blocking sources, look for “Remove cookie warnings (EasyList Cookie List)” and “Remove cookie warnings (I don’t care about cookies)” and enable them.

Enabling these lists will simply block the service that asks for consent, or hide the consent dialog, in the same way as it might remove a tracker or an ad. Without consent cookies cannot be placed in the browser.

We at Vivaldi believe that spying on users on the Internet using cookies and other tracking methods should be banned. To join our fight, check out https://banspying.org and share it with your friends.

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 #16

Subscribe to Forum Digest to get a selection of the latest discussions and notifications in your mailbox.

  1. Log in to your Vivaldi account.
  2. Go to https://forum.vivaldi.net/me/settings.
  3. Scroll down to the Email section.
  4. Choose how often you want to receive the Digest email. Choices are:
    • Daily,
    • Weekly,
    • Bi-weekly,
    • Monthly, and
    • Off i.e. disabled.
  5. Click Save Changes.

The emails will be sent at the chosen interval to your account’s recovery email address.

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 #10

On Android, when adding a web page to the Reading List, also download the page for offline view.

If you know you won’t have internet connection for a longer period, for example, on a long flight and you want to spend the time reading the interesting articles you’ve saved in your Reading List, make sure to download the pages.

  1. Open the web page you want to save.
  2. Tap on the Vivaldi menu button and select Download Page.
  3. Open the Vivaldi menu again. This time select Reading List.
  4. Tap on Add Current Page in the top right corner of the Reading List menu.

You’ll already be able to view the page offline after downloading it, but you’ll need to find it from your downloads. For easy access it’s best to save the page in the Reading List as well.

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.