Tip #215

See the outlines of all web page’s CSS elements with CSS Debugger Page Action.

Are you using Vivaldi to work on your own website or just want to investigate how a page has been built? Then Vivaldi’s CSS Debugger Page Action will help you out. When enabled, you’ll see the outlines of each CSS element on the page. No extensions or additional tools needed.

Use one of the following options to enable the CSS Debugger:

  • Click on the Page Actions button on the Status Bar and select CSS Debugger.
  • Type “CSS Debugger” in Quick Commands.
  • Create a Keyboard Shortcut or Mouse Gesture for the command.
A website open in Vivaldi with CSS Debugger Page Action enabled. Page Actions menu is open on the foreground.

Tip #213

If someone wants to use your browser, open a Guest Profile for them.

“Could I use your computer real quick to check something?” You might have heard that question before and dreaded having to log out of your accounts or having the person see your open tabs and browsing history. There’s an easy solution for it in Vivaldi – open a Guest Profile for them. It has the browser’s default configuration and doesn’t store searches, visited sites, cookies, and temporary files.

There are a few ways you can open a Guest Window. Either:

Vivaldi Browser's Guest Profile open on the intro page.

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

Use the filtering options on Vivaldi Themes to find the perfect Vivaldi browser theme for you.

Vivaldi Themes just got an update, which makes finding browser themes that match your preferences a lot easier. For example, you can look up the most popular anime and manga themes incorporating the color yellow, the newest minimalist themes in black or any other combination you can think of.

To find your perfect theme:

  1. Go to themes.vivaldi.net.
  2. On the homepage, click on “View all featured/popular/latest themes”.
  3. On the next page in the menu on the left side, select the criteria according to which you want to filter the themes.
  4. Browse through results and click on the theme for a closer look to preview and install the theme.

If you’ve made an amazing theme and want to share it with others, upload it to Vivaldi Themes by following the instructions in Tip #152.

Tip #209

Automatically translate web pages in selected languages in Vivaldi on Android.

Language barriers in Vivaldi on Android can be easily conquered with Vivaldi Translate. If you regularly visit web pages in languages you haven’t mastered, you can set Vivaldi to automatically translate the content in these languages to your preferred one.
To choose which languages should be translated automatically:

  1. Go to Settings > General > Language Settings.
  2. Tap on Advanced in the Translation settings section and then on Automatically translate these languages.
  3. To add a new language, tap on Add language.
  4. Find the language on the list and tap on it.

To set the translation language:

  1. In advanced translation settings, tap on Translate into this language.
  2. Find the language on the list and tap on it.

Then, whenever you visit a page in the chosen language, it will automatically be translated. At the bottom of the screen you’ll get a menu to switch between the original language and translation and update the translation settings for the current website and language.

Tip #208

Instead of looking through menus or trying to remember shortcuts, use Quick Commands to perform actions.

In addition to finding entries from open tabs, bookmarks and history, searching the web, doing simple calculations and more, you can execute various commands in Vivaldi using Quick Commands. You’ll likely have shortcuts for commonly used commands memorized, but it’s unlikely you’ll be able to remember them all and that’s where Quick Commands come in handy.

Just press F2 / ⌘ E on your keyboard to launch Quick Commands and start typing what you want to do. For example, you can type “New Private Window” to open a new incognito window, “Mute Other Tabs” to silence sounds coming from all but the active tab, “Toggle UI” to hide/show all toolbars and lots more.

An article open in Vivaldi Browser. On the foreground Quick Commands have been opened and the word "Add" has been typed in the search field. The option "Add Page to Reading List" has been highlighted in search results.

Tip #207

Check the browser’s Task Manager to see how the resources being used are divided among processes.

Have you ever checked your operating system’s Task Manager and wished to get a more detailed overview of the memory use of one app or another? Luckily, in Vivaldi you can do just that.

To open Vivaldi’s own Task Manager, go to Tools > Task Manager in the main Vivaldi menu or use the Keyboard Shortcut Shift + Esc. There you can see the memory footprint, CPU usage and more for each tab, Web Panel, Extension, etc. and spot the culprit if the resource usage is abnormally high.

Vivaldi Browser's Task manager window.

Tip #206

Press E to view all emails to and from selected email address.

If you work with email a lot, efficiency is important. Keyboard shortcuts, especially Single Key Shortcuts, in Vivaldi Mail help you to go through your messages with ease.

We’ve already shared some useful shortcuts in Tip #49 and Tip #163. Today, let’s talk about the shortcut “E”. When you’re viewing an email and would like to take a look at other emails from and to the same sender, just press “E” on your keyboard to display all correspondence between you and the contact.

If the shortcut doesn’t seem to work, go to Settings > Keyboard > Keyboard Shortcuts and make sure Mail and Calendar Single Key Shortcuts has been enabled.

Other ways to view messages for the sender:

  • Open a message, right-click on the message header and select Show Messages for Sender.
  • Right-click on a message in the list of messages, select Sender > Show Messages for Sender from the context menu.
  • Type “Show Messages for Sender” in Quick Commands.
  • Create a Mouse Gesture for the action.

Tip #205

Replace standard Calendar notifications with fun ones.

When you’re focused and busy, notifications are crucial for reminding you about upcoming events and deadlines. In Vivaldi Calendar, you have the option to make life a bit more fun with exciting notification effects.

To pick a notification style:

  1. Go to Settings > Calendar > Calendar Notifications > Notification Style.
  2. Choose either Dialog or System Notification for something subtle, or go wild and select either Melt Browser or Burn Browser.
Melting notification
Burning notification

Tip #204

Move the Tab Bar to the side of the window to display tabs vertically.

If you use a lot of tabs, it can get confusing. Before you know it, you aren’t able to view the titles of your tabs and that can get you into all sorts of trouble. In Vivaldi, you can display your Tab Bar on the top, bottom, left, or right. If you choose to display tabs left or right, they will display vertically. There are many advantages to that, one of them being that you will be able to read the titles of your open tabs.

To change the location of the Tab Bar:

  1. Go to Settings > Tabs > Tab Bar Position.
  2. Select either “Left” or “Right” for a vertical Tab Bar.
Vivaldi Browser with the Tab Bar on the left side of the window. The Tab Bar shows 2 pinned tabs, some regular tabs as well as a Tab Stack.

Tip #202

Filter and delete a selection of cookies in Privacy and Security settings.

You can always delete all saved cookies from Vivaldi menu > Tools > Delete Browsing Data. But that will log you out of your accounts, reset your saved preferences, and more. To delete cookies from a specific domain, head over to Vivaldi Settings. This can be useful when a single website is causing you trouble and you think cookies might be the cause.

To delete a selection of cookies:

  1. Go to Settings > Privacy and Security > Cookies > Saved Cookies.
  2. Click on Show Saved Cookies.
  3. In the search box enter the domain name of the cookies you want to filter out.
  4. Below the list of saved cookies, click Delete Filtered Cookies.
Vivaldi's privacy settings open on the Cookies section with Google's cookies filtered out.

Tip #201

Enable “Search Page Selection in Background” to do a search, but check the results later.

While reading something on a web page you might come across something you’d like to know more about, but don’t want to drop what you’re doing on the current page to do a search. Vivaldi browser lets you search with highlighted text on a web page, and, by toggling on one little setting, the results will open in a new background tab instead of taking you away from the current tab.

To enable the setting:

  1. Go to Settings > Search > Search Options.
  2. Enable Search Page Selection in Background.

Tip #198

Pick the best layout for tiled tabs – vertical, horizontal or grid.

Tab Tiling can really take your productivity to the next level by allowing you to easily view multiple web pages at once. Since websites are different, the same tiling layout doesn’t work for all of them. So, whenever you tile tabs, select the layout that works best.

First, to tile tabs:

  1. Select the tabs you want to tile using the Shift or Ctrl / key.
  2. Right-click on one of the selected tabs and select Tile # Tabs.

To change the layout of tiled tabs:

  1. Click on Page Tiling on the Status Bar.
  2. Select your preferred tiling option.

Tip #197

Change content blocking level per website from the Address Bar.

Vivaldi Browser’s Tracker and Ad Blocker helps to prevent online tracking and to hide annoying ads. While global blocking level can be changed in Settings > Privacy and Security, you can also create exceptions.

To change the blocking level for a specific website:

  1. Open the website in a tab.
  2. Click on Content Blocker icon on the right side of the Address Field.
  3. Select the blocking level:
    • Don’t block anything.
    • Block Trackers.
    • Block both Trackers and Ads.
Vivaldi Browser window with a website open. On the foreground, Content Blocking menu has been opened, which shows the blocking level options and current Tracker and Ad blocker statistics.