Category: Desktop

Tip #9

— Posted inCommunity Services, Desktop, Forum, Vivaldi Tips — 1 min read

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

— Posted inDesktop, Vivaldi Tips — 1 min read

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.
A phrase has been selected on a web page. Right-click context menu is open with "Search DuckDuckGo for "Baader-Meinhof phenomenon"" highlighted.

Tip #4

— Posted inDesktop, Vivaldi Tips — 1 min read

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. 😎

To move toolbar buttons:

  1. Press and hold down the Ctrl / ⌘ key on your keyboard.
  2. Click and drag the button you want to move.
  3. A line showing the new location will appear when the button can be dropped.
  4. Release the mouse button and keyboard key. On macOS, release the ⌘ key before releasing the mouse button.
Screen capture button being moved from the right to the left side of the Status Bar.

Learn more about editing toolbars in Vivaldi.

Tip #3

— Posted inCommunity Services, Desktop, Themes, Vivaldi Tips — 1 min read

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.

Theme by Mak0013

Tip #2

— Posted inDesktop, Vivaldi Tips — 1 min read

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

— Posted inFeed Reader, Vivaldi Tips — 1 min read

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”.
Tips.vivaldi.net open in the Vivaldi browser. An arrow is pointing to the Feeds button on the Address Bar ad the menu is open showing the path to subscribing to the feed.

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.