Home - Software Reviews PagePlus Versions Review WebPlus Versions Review DrawPlus Review Freeware 7-Zip Archive Program BabelMap Unicode Character Map Chattha Sangayana Tipitaka Exam Diff Text File Comparison Tool FastStone Viewer and PhotoResizer IrfanView Image Viewer and Converter Jarte - A Wordpad Clone High-Logic MainType  - Font Manager LibreOffice Office Suite Free OpenType Fonts Opera 12.18 Web Browser Review PDF-XChange Editor Review Vivaldi Browser Review Shareware FastStone Capture Screen Grab Utility High-Logic FontCreator - TrueType/OpenType Font Editor High-Logic Scanahand - Create Fonts Automatically from Scans

Vivaldi Browser

Download Forum

TechCrunch: (January 27th 2015):

“The former CEO of Opera, Jon von Tetzchner, has released the Vivaldi Browser for fans of the old Opera. This initial release is a Technical Preview, it is neither feature complete, nor free from bugs that might spoil your day. It uses the Chromium rendering engine like the new Opera 38. It already has Panels, Tab-stacking, Notes, Speed Dial, and Customisable shortcuts and Tabs. Built-in email is planned, but mail is limited to web mail at the moment.”

Vivaldi has been my default browser for many years. It has some great features that boost my productivity like a built-in Email Client, customisable shortcuts, Web Panels, Notes, Tab Tiling, and Tab Stacking.

Site SettingsSearch EnginesPage ActionsSettingsPanels

Extensions EmailBlockingTab DraggingExperiments

Vivaldi AndroidStable 5.5Latest SnapshotTop Feature RequestsModificationsMy Bugs

Some Useful Topics

Site Settings

Click the View Site Info icon in the address bar to display a popup menu showing the settings for the current site. On a secure (https:) site the icon will be a padlock; on an insecure (http:) site, the icon will be an information icon.

The Cookies link on the popup gives details of the cookies set for the current site, and lets you block, allow, or remove them.

The Certificate link (on secure sites) gives details of the certificate: its expiry date, issuing authority, etc.

The Site Settings link opens a tab with all of the site settings: Autoplay, Location, Camera, Microphone, Motion sensors, Notifications, JavaScript, Images, Pop-ups and redirects, Ads, Background sync, Sound, Automatic downloads, MIDI devices, USB devices, Serial ports, File editing, HID devices, Protected content IDs, Clipboard, Payment Handlers, Insecure content, Third-party sign-in, Augmented reality, Virtual reality, Your device use, Window placement, and Fonts.

The shield icon, to the left of the padlock or site information icon gives access to Ad-blocking and Cookie tracking (see below). I have moved mine to the right end of the URL Field using CSS (see below). To block access to insecure sites, in Settings, Address Bar, enable ☑ Always Use Secure Connection (HTTPS).

Page Tiling

If one or more tabs are selected, the tiling icon is active, allowing the tiles to be tiled horizontally, vertically, or as a grid. Tiling can also be removed if it is already enabled for the current tab. Tiles can be resized by dragging the separator. I assigned easy to remember shortcuts: T = Tile Vertically, Shift+T = Tile Horizontally, Ctrl+Shift+T = Tile to Grid, and Ctrl+T = Untile Tabs.

Search Engines

Add your own search engines to your favourite websites. I have one to search my own website:

https://www.ecosia.org/search?method=index&q=%s+site:aimwell.org

I have others to search the Pali Text Society Dictionary. English words can be searched too, to provide a reverse English to Pali dictionary lookup.

Any search engine can be used by typing the search string in the address field preceded by the nickname. Note, however, that if you have a search engine with the nickname “a” and try to search for a string like “a day in the life,” the results will be for “day in the life” using the engine with the nickname “a” — in my case that would be a search with Acronym Finder. To search with my default search engine, Ecosia, I would have to type “e a day in the life,” in the address field.

In Settings, Search, one can choose to show the search engines as a field in the address bar, as a button like in my screen shot, or disable it entirely.  

In Settings, Search, enable Show Search Engine Icon to make selection easier.

Image Toggle

Images can be hidden or displayed on the current page, or only cached images can be shown.

Page Zoom

The Zoom Slider allows the page zoom to be changed with the range 20% to 500% in 10% increments. Any value in that range can be set by entering it in the zoom field to the right of the slider. Click on Reset to change it back to whatever default value you have set in Settings, Webpages. In Settings, Appearance, Use Buttons in Range Controls, to choose between a slider and buttons. This affects all controls that have a range slider.

Page Actions

Mouse-over and click to preview page actionsVivaldi has a Page Actions button <> on the Status Bar.

Click the <> icon to show a popup menu akin to User Style sheets in Opera 12.18. I have added one user style sheet for Video Brightness as some YouTube videos are too dark to watch comfortably.

Filter Invert helps those who prefer white text on a black background, or black text on white for sites that use a dark colour scheme.

Filter Black and White may be useful for colour-blind users if a site uses text on coloured backgrounds that is hard to read.

The Filter Obscure option offers some privacy if someone is looking over your shoulder. Moving the mouse cursor over the page shows the page content, while move the cursor over the UI hides the page content.

Transform 3D may help a colleague to read the page content if they are sitting beside you. The 3D effect is removed on moving the mouse cursor over the UI.

Vivaldi uses CSS for the page and interface elements. The Page Actions apply CSS styles to the page. Custom page actions must be backed up and reinstalled to the \Application\{build no}\resources\vivaldi\user_files\ folder after upgrading Vivaldi.

Ask on the forums if you need help on using CSS. Almost anything can be changed if you know how. Changes to custom.css modifications (apart from Page Action user styles) are retained on installing updates if you follow the recommendations given below.

Settings

The latest snapshots for Vivaldi 5.6 introduced coloured icons in the settings dialog. These do not work well with user-defined themes, and are not as clear as the black icons in earlier versions. See the email settings dialog, which is from an earlier version. Update: The latest Snapshot offers a monochrome option.

Vivaldi has all of the most important features: Auto-update, Bookmark import from other browsers, customisable shortcuts and mouse gestures, commands chains, tab-stacking, expand/​collapse tab stacks, and find in page. Tab tiling is an excellent feature that already exceeds what could be done in Opera. The built-in email client has replaced my old email client in Opera 12.18, which I seldom launch nowadays.

The developers release regular snapshots, fixing bugs and adding new features. Bookmark the Vivaldi Snapshots Blog or subscribe to the RSS feed to keep abreast of the latest developments. On the help menu, check for updates, to see if you have the latest version of whichever development channel you use — Stable or Snapshot. The update check will happen automatically on launching Vivaldi. You can opt to install now or skip, then update on restarting Vivaldi.

The image below shows how tiles can be resized by dragging. The Toggle UI shortcut (default = Ctrl F11) will hide toolbars, which can be shown again with other shortcuts. Click the image to see the Vivaldi window with a vertically tiled tab-stack showing the previews, which update to show the current page view. Tab stacks can be closed with the close button, and each tab in the stack has its own close button on the tab preview. Two or more tabs in a stack can be tiled vertically. Stacked tabs can be pinned by using a shortcut, but pinned tabs cannot yet be stacked.

Click to View Larger Image of Vivaldi Window

Panels

These are usually web pages designed for mobiles, which are narrow enough to look good in the side panel. A YouTube Channel or play list can be used to watch videos or listen to music while you are working. Copy the URL of the page, and add it to the side panel in Vivaldi.

Vivaldi has a built-in Translation Panel, which is powered by the Lingvanex translation engine. The text is hosted on Vivaldi’s own servers to guarantee privacy. There is a button to clear the current text, and another to clear the history of translated passages. Selecting text on the page automatically adds it to the panel. There are over 100 supported languages. Automatic language detection needs more than just a few words to work. A CSS mod can be used to leave more space for the translated text in the Translate Panel.

If you need other languages or better quality translations, add Bing Microsoft Translator or DeepL as a web panel.

This search filter can be added as a panel and used to find existing feature requests before adding yet another duplicate that only needs to be moved and locked by the moderators.

The Bookmarks, Downloads, and Notes Panels have a details pane at the bottom of the panel. There is a separator between the main panel and the details pane. Drag the separator to resize the pane. Double-click or middle-click the separator to show/hide the details pane. The Downloads Panel shows download progress, and can be sorted by name, type, size, date added, date finished, or address. In later versions all panels can have their own separate width, and the order of Web Panels can be changed with drag and drop. Select a download to view its size, source, destination, download time and progress.

The Reading List Panel can be used to save pages for reading later, without adding them to bookmarks and without cluttering the tab bar with pages that are not needed at the moment.

Select a note and disable markdown to switch to the note editor, or open the full page Note Editor by double-clicking a note, or right-click the Note Panel Icon to open it in a new tab.

Select the Window Panel to view all tabs in the current window, and a list of the last 100 closed tabs. The Window Panel can serve as a replacement for the Tab Bar. Use a shortcut to toggle it in fullscreen mode.

See this forum thread for some more Web Panels recommended by Vivaldi users.

Extensions

The Chrome Web Store lists hundreds of extensions that can be added to Vivaldi. To add extensions open the Extensions page with the default shortcut Ctrl+Shift+E, or from the Tools menu. To manage extensions, look at the options in Settings, Address Bar, Extension Visibility. Visit the Vivaldi Extensions forum for recommendations, advice, and support.

I use just three regularly:

I keep the latter disabled as it can cause problems on some forums! Be mindful that some extensions can cause problems as well as solving them.

Email

Blocking List Management

Desktop and Android versions can block ads and tracking cookies on a per/site basis. An icon can be seen in the Address Field. Click this to see the Tracking Protection level for the current site. Open Settings, Privacy, to Manage the Default Settings, or access them directly from this popup. Tracking and Blocking Lists can be added or deleted in Settings, Privacy, Manage List Rules.

Tab Dragging

It seems that a good number of users have difficulty with tab dragging. The animation is no longer smooth, but has been replaced with a dotted outline to show where the tab will be dropped.

In Settings, Tabs, Tab Stack Options, there is a slider to adjust the delay before a tab is stacked when dragging it over another tab. A short delay makes it easier to stack tabs, and a long delay makes it harder.

Experiment with the different tab stacking options. I prefer the accordion style tab stacks with ☑ Auto Expand enabled. Others may prefer Two-Level, or Compact tab stacking.

Having had plenty of practice, I find tab dragging quite easy to use.

This video illustrates the moving, stacking, and unstacking of tabs. If you find it difficult, try using the Window Panel to organise tabs, or select multiple tabs with Ctrl+Click and use the Tab Context Menu to stack, unstack, move, close, or reopen tabs.

Experiments

A few experimental features can be enabled by going to the URL vivaldi://experiments. These features may change, break, disappear, not work as intended or not work at all. Use at your own risk.

Vivaldi Android 5.5

(Released 12/10/2022)

Vivaldi Android 5.5 (Minor Update 1)

(Released 13/10/2022)

Vivaldi Android 5.5 (Minor Update 2)

(Released 29/10/2022)

Vivaldi Android 5.5 (Minor Update 3)

(Released 12/11/2022)

Vivaldi Android 5.5 (Minor Update 4)

(Released 25/11/2022)

Vivaldi Android 5.5 (Minor Update 5)

(Released 3/12/2022)

Vivaldi 5.5

(Released 5/10/2022)

Vivaldi 5.5.2805.35 (Minor Update 1)

(Released 7/10/2022)

Vivaldi 5.5.2805.38 (Minor Update 2)

(Released 13/10/2022)

Vivaldi 5.5.2805.42 (Minor Update 3)

(Released 28/10/2022)

Vivaldi 5.5.2805.44 (Minor Update 4)

(Released 11/11/2022)

Vivaldi 5.5.2805.48 (Minor Update 5)

(Released 25/11/2022)

Vivaldi 5.5.2805.50 (Minor Update 6)

(Released 3/12/2022)

Snapshot 5.6.2817.3

(Released 7/10/2022)

Snapshot 5.6.2824.8

(Released 14/10/2022)

Snapshot 5.6.2929.3

(Released 21/10/2022)

Snapshot 5.6.2839.3

(Released 10/11/2022)

Snapshot 5.6.2861.3

(Released 25/11/2022)

Snapshot 5.6.2865.3

(Released 28/11/2022)

Snapshot 5.6.2867.4

(Released 30/11/2022)

Snapshot 5.6.2867.19

(Released 1/12/2022)

Latest Snapshot 5.6.2867.22

(Released 2/12/2022)

Top Feature Requests

These are long-standing feature requests for Desktop with 75 votes or more (most votes first). Pipeline means it is planned. In Progress means it is currently being worked on. Nice to Have means that the Vivaldi team is currently unable to make any progress on it. Requests tagged as Will Not Do are not listed here.

  1. Multi-Account Containers (Nice to Have)
  2. Sessions Panel (Pipeline)
  3. Option to Disable Autoload and Autoplay of HTML5 Videos (In Progress)
  4. Save Opened Files in Temporary Folder
  5. Support for MIME Types (Nice to Have)
  6. Add Searchable Tags for Bookmarks
  7. Drag and Drop in Downloads Panel
  8. Implement Tree-style Tabs
  9. Auto Detect Logos + Select Part of the Page for Speed Dial and Bookmark Thumbnails
  10. Sync More FeaturesSpeed Dial ThumbnailsHistoryWeb PanelsSaved SessionsSync email/RSS/Calendar configurations and seen/read statuses (In Progress)
  11. Private Tabs (Nice to Have)
  12. RegEx Support for “Find in Page” (Nice to Have)
  13. Download Manager (Pipeline)
  14. Allow Extensions to work with Web Panels (Nice to Have)
  15. Option to delete items from disk inside the download panel (Pipeline)
  16. Export/Import for User Settings
  17. Automark Email as read options
  18. Duplicated Bookmark Detection/Cleanup (Pipeline)
  19. Option to detect mobile touch icons instead of thumbnails
  20. Better Cookie Management (Pipeline)
  21. List Existing Sessions on Save Session
  22. Tab group switching with hiding tabs (Panorama workspaces)
  23. Show All Windows and their Tabs in the Window Panel
  24. TrackPad/Touchpad Gestures for History Navigation
  25. Links Panel (Nice to Have)
  26. Flatpak Support
  27. Folders for Feeds
  28. User Agent Spoofing
  29. Combine Window TItle Bar and Address Bar when Tabs are on the Side
  30. Mouse Gesture Trails
  31. Add Protocol Handler to Settings
  32. Upgrade Vivaldi on Next Restart (In Progress)
  33. Customize Appearance of Menus and Scrollbars (In Progress)
  34. True Alphabetical Bookmark Sorting
  35. Native Themes to match the OS Design
  36. Names for Windows
  37. Choose Fonts for GUI
  38. Open Bookmark Folder in Tab Stack
  39. Show Icons in Context Menu
  40. Scroll Sync for Tiles
  41. Option to Disable the Confirm Download Dialog
  42. Function of Workspaces as in the new Opera
  43. Make Sessions Editable

Modifications

There is a forum dedicated to creating modifications using CSS and JavaScript. Here are a few that I use, which were created for me by others more familiar with CSS. They are all stored in a file named custom.css, which I saved in the Vivaldi installation folder. To enable Custom UI Modifications enter vivaldi://experiments into the address field and enable the flag: “Allow for using CSS Modifications.” In Settings, Appearance, select the path to tell Vivaldi where to look for custom CSS files, and restart the browser. Now, any changes will be applied on restarting Vivaldi. Note, that since this is an experimental feature, there is no guarantee that it will continue to work in later versions.

Compact Panel Header

/* compact panel header */

.panel:not(.webpanel) > header {padding-bottom: 6px;}

.panel:not(.webpanel) >P header h1 {margin: 0 0 -22.5px 49px; font-size:inherit; opacity:.5; pointer-events:none;}

.panel > header input:not(:placeholder-shown) {z-index:1;}

Hide Bookmarks and Notes Preview Thumbnails

/*Hide the Bookmarks and Notes Preview Thumbnails*/

.addbookmark-cardwrapper .upper-half .preview,

.notes-cardwrapper .upper-half .preview {display: none;}

Hide Start Page Settings Button

/*Hide Start Page Settings Button*/

.SpeedDialView-Settings-Button {display: none;}

Highlight Active Tab

/*Highlight Active Tab*/

.tab-position .tab.active:not(.tab-group)

{border-top: 2px solid  var(--colorHighlightBg) !important;}

Hide Add Bookmark Button

This modification hides the Add Bookmark button until the mouse cursor moves over it.

/*Hide Add Bookmark Button*/

.UrlBar-AddressField .button-toolbar.create-bookmark:not(:hover) {opacity:0 !important;}

Hide Reader View Icon

/*Hide Reader View Icon*/

.toolbar.toolbar-small.toolbar-insideinput button[title="Reader View"] {display: none;}

Hide Tab and Tab Stack Thumbnails

/*Hide Tab Thumbnails*/

#vivaldi-tooltip .tooltip .tooltip-item {width: 280px !important;  height: auto !important;}

#vivaldi-tooltip .tooltip .thumbnail-image {  display: none !important;}

Move Ad-blocker Icon to End of URL Field

/*Move Ad-blocker Icon*/

.toolbar-insideinput:first-child {order: 1;}

Large Fonts in URL Field

/*Large Fonts in URL Field*/

.UrlField, .OmniDropdown, .SearchField {font-size:16px;

  padding-bottom:3px;}

.OmniLinkItem-Url{height:16px; overflow:visible;}

Simple Automatic Bookmark Bar

/* Simple AutomaticBookmark-bar */

.bookmark-bar-top .bookmark-bar {margin-bottom: -28px; z-index: 1; transform: translateY(0); transition: transform 0.1s 0.5s !important;}

.bookmark-bar-top .bookmark-bar::before {content: ''; position: absolute; height: 12px; width: 100%; top: 100%;}

.bookmark-bar-top .bookmark-bar:not(:focus-within):not(:hover) {transform: translateY(-100%);  transition: transform 0.1s 0.5s !important;}

Translate Panel Minimum Height

/*Translate Panel*/

.TranslatePanel-Content {min-height:130%; padding: 0px 0px 30px;}

.TranslatePanel-SrcText {height:20% !important;}

.TranslatePanel-BottomToolbar {position: absolute; bottom: 100px;}

.TranslatePanel-CheckboxArea {position: absolute; bottom: 75px;}

.TranslatePanel-ShowTranslateHistory {position: absolute; bottom: 0;}

Transparent Speed Dial Thumbnails

Transparent thumbnails and folders look much better against the Speed Dial background image. This improved code shows a drop shadow on the highlighted thumbnail on hover.

/*Transparent Speed Dial Thumbnails*/

.speeddial .dial { background-color: transparent !important;  box-shadow: none;}

Video Brightness Page Action
(Save in user_styles folder)

video { filter: brightness(150%) !important; }

My Bugs

I lost any record of bugs that I reported before September 2017, but I remember one with only four digits reported for the show/hide Panel icon remaining on the left when the Panels are on the right. That is still not fixed, but now that we can customise toolbars, it is easy to manually move the button to the right.

There are tens of thousands of bug reports, but only a small team of developers working to fix them. Vivaldi runs on multiple platforms, and the main focus is on fixing security issues with each new update of the Chromium core. Bugs that affect few users, or that have a simple workaround, may never get fixed. It is not easy for users to know if a bug is easy to fix, as each fix can break something else.

If there is no progress on a bug you reported even after six months or longer, ask politely on the Bug Status thread. Insiders can check the bug’s status and perhaps draw a developer’s attention to it.


Bug Report Wizard


Page last updated on 03 December 2022