Tip #367

Match Vivaldi’s App Icon with your iPhone’s and iPad’s style.

Vivaldi on iOS offers a selection of App Icons for you to choose from. Your chosen icon will be displayed on the home screen, in the App Library, and elsewhere where Vivaldi is displayed.

To choose a custom App Icon:

  1. Go to the Vivaldi menu > Settings > App Icon.
  2. Tap on the icon you’d like to use for Vivaldi.
  3. Tap “OK” to confirm your decision.
App Icon settings in Vivaldi on iOS (on the right) and the custom icon displayed on the home screen.

Tip #364

Create a schedule to change Themes automatically throughout the day.

Whether just for some variety or to give subtle hints about the time to yourself, you can make your Vivaldi browser on desktop switch the themes automatically according to your set schedule.

To schedule Themes:

  1. Go to Settings > Themes > Theme Schedule.
  2. Enable “Manual Schedule”.
  3. Adjust the timeslot lengths by using the sliders between them.
  4. Click on “Add” to create additional timeslots.
  5. Select a theme for each.
Theme Scheduling settings in Vivaldi browser.

Tip #354

Get your Extensions in order with drag and drop.

Extensions on your browser toolbar appear in the order you add them, but you can rearrange them easily.

To reorder Extensions:

  1. Hold down the Ctrl / * key on your keyboard.
  2. Drag an extension’s toolbar button to change its location among your Extensions.

On macOS, release the  key before you release the mouse button.

Tip #343

Tweak your browser theme by changing the corner rounding.

Do you like your UI elements rounded or do you prefer sharper corners? Vivaldi has you covered, so you can make things just the way you want them.

To change the corner rounding of the browser UI:

  1. Go to Settings > Themes > Editor > Settings > Corner Rounding.
  2. Move the slider left and right until you find the perfect roundness.

Tip #340

Set an Extension as the New Tab Page in your Vivaldi browser.

When you open a new tab in Vivaldi, you have various options for what’s displayed in the new tab before you navigate to a web page. You can choose between the Start Page, Home Page, Blank Page, or a web page of your choice. But there’s one more option – a New Tab Page Extension.

To set an extension for the new tab:

  1. Install an extension of your choice from Chrome Web Store.
  2. Go to Settings > Tabs > New Tab Page.
  3. Make sure Start Page is chosen and then enable “Controlled by Extension”.
Momentum extension set as the New Tab Page.

Tip #339

Reorder Address Field drop-down menu’s categories according to your preferences.

Do you use the Address Field search more for finding an entry in your History than for Bookmarks? Or do you want Frequently Visited Pages to be listed before Search Suggestions? In the Vivaldi browser, you can tailor the drop-down menu according to your needs.

To reorder the drop-down:

  1. Go to Settings > Address Bar > Drop-Down Menu Priority.
  2. Select a category you want to move.
  3. Using the arrows in the bottom right corner, move the category up or down.

Alternatively, drag and drop the categories to reorder them.

Address Field Drop-Down menu priority settings.

Tip #332

Click and drag the edge of the Tab Bar to resize it.

Moving the Tab Bar to the side of the window (see Tip #204 for instructions) is a good way to gain some vertical space for the websites you have open. But your options don’t stop there. On the side of the window, you also have the option to set the width of the Tab Bar.

To resize the Tab Bar:

  1. Hover the mouse cursor over the edge of the Tab Bar.
  2. Click and drag the mouse left or right.
  3. When you’re happy with the size, release the mouse button.

You can make the Tab Bar wider if you wish to read more of the tab titles or make it only wide enough to fit the website’s favicon.

Tip #315

Add web links to Vivaldi Browser menus.

Did you know that in addition to Bookmarks you can add links to sites you visit frequently to the browser’s menus? And we’re not just talking about the main Vivaldi menu here. You can add a link to all (context) menus Vivaldi has. Nice! 😎

To add a link to a menu:

  1. Go to Settings > Appearance > Menu > Menu customization.
  2. Select the menu you want to add the link to.
  3. From the list of Commands, drag “Open Link” to the Content column.
  4. Give the link a name.
  5. Enter the URL.
  6. Press “Enter” to create the menu item.
Vivaldi's Menu customization settings. A link to Vivaldi's Desktop Snapshot blog is being added as a new menu item.

Tip #308

Create a copy of a theme and edit that, instead of changing the original.

Themes in the Vivaldi Browser allow you to make the browser more personal. Though there are many default themes to choose from and a huge selection on themes.vivaldi.net, the one you like might be missing that final touch that makes it perfect for you. But instead of updating the original theme, create a copy of it and update the copy. That way you can go back to the original theme or use it again to create another theme.

To copy and edit a theme:

  1. Go to Settings > Themes.
  2. Select the theme you want to use as the base.
  3. Click on “New Theme”.
  4. Make changes to the copy.
Theme Settings open in Vivaldi. Copied theme is being renamed.

Tip #289

Download Custom Icons for your browser from Vivaldi Themes.

Using Custom Icons with your browser theme, allows you to take the uniqueness of your Vivaldi to yet another level. You can create an icon for each toolbar button yourself or you can make use of the numerous Themes with Custom Icons the creative minds of Vivaldi Community members have shared with everyone.

To download custom icons:

  1. Go to themes.vivaldi.net.
  2. Click on, for example, “View all featured themes” to open a page with all the filtering options.
  3. In the menu on the left, tick the box for “Custom Icons”.
  4. Apply other filters, if you wish.
  5. Find a theme you like.
  6. Download it to get a preview and if you want to keep it, click Install.

To use custom icons from a different theme with your active theme:

  1. Go to Settings > Themes > Editor > Icons.
  2. Make sure “Use Icon Set from” is enabled and select a theme from the drop-down menu.
Theme

Tip #288

Give the Search Field the space it needs by resizing it.

In addition to deciding what elements are displayed on your Vivaldi Browser’s toolbars, you can also adjust the size of some of them, for example, the Search Field on the Address Bar.

To resize the Search Field:

  1. Hover over the left edge of the Search Field.
  2. Click and drag the mouse left to make it bigger or right to make it smaller.

Tip #266

Switch Workspaces with one click with the aid of Command Chains, Toolbar Editor and Custom Icons.

There are some unique ways you can use different Vivaldi features together to make the browser behave the way you want it. For example, with the help of Command Chains, Toolbar Editor and Custom Icons you can take Workspaces to the next level. Here’s how:

Step 1 – Create Command Chains for switching Workspaces.

  1. Go to Settings > Quick Commands > Command Chains.
  2. Create a new chain and give it a name.
  3. Replace the placeholder command with “Switch to Workspace #”. The number corresponds to the order in which you created your Workspaces.

Create a chain for every workspace. In each chain, you can also add other commands that will be executed at the same time. For example, add the command “Switch to theme” to make workspaces visually more different.

Step 2 – Add Command Chain buttons to a toolbar.

  1. Open the Toolbar Editor.
  2. Select the Command Chains section.
  3. Drag the buttons you made for Workspaces to a toolbar of your choice.

Step 3 – Add Custom Icons.

By default all Command Chain buttons looks the same, but you can add Custom Icons to make each button stand out.

  1. Go to Settings > Themes > Editor > Icons.
  2. In the list of icons, find the Command Chains you created.
  3. Select one and replace the default icon with one you’ve created.

For a more in depth description of this feature combination and final results, take a look at our blog post and video here.

One section of Vivaldi Browser's window, showing half of the Address and Panel bars. The latter includes Command Chains with custom icons above other Panel buttons.

Tip #260

Use spaces and separators to create different sections on the toolbars.

Panels and Web Panels on the sidebar, navigation buttons on the Address Bar, tools on the Status Bar – in Vivaldi there are many buttons to click. To organize buttons into groups you can use Space, Flexible Space and Separator elements between them.

To add dividers:

  1. Right-click on a toolbar you want to customize.
  2. Select Edit > Customize Toolbar from the context menu.
  3. Drag a Space, Flexible Space or Separator element from the editor window to the spot on the toolbar where you want to add it.
  4. Click Done.

To remove an element, while the Toolbar Editor is open, drag the element from the toolbar and drop it on the area between toolbars and the editor.

Tip #226

Reset toolbar customizations to start from fresh.

The level to which you can customize the toolbars on Vivaldi’s desktop version is unrivaled. But sometimes we can get carried away with our creativity, so it might help to take a step back and start again with the default configuration.

To reset the toolbars:

  1. Right-click on the toolbar you want to reset.
  2. From the menu, select Edit > Reset Toolbar to Default.
Right-click menu to reset the navigation toolbar open in Vivaldi.