Tag: customization

Tip #117

— Posted inDesktop, Vivaldi Tips — 1 min read

Assign your preferred key combinations to Keyboard Shortcuts.

Whether you’re used to a different shortcut, the default one is uncomfortable to use or the command you need doesn’t have a default shortcut, it’s easy to customize Vivaldi’s Keyboard Shortcuts to fit your preferences.

To add or change a keyboard shortcut:

  1. Go to Settings > Keyboard.
  2. Browse through the list of shortcuts to find the one you want to update.
  3. Click on the input field next to the shortcut’s name.
    If there’s already a shortcut that you want to remove, press ← Backspace to delete it.
  4. Press the key combination on the keyboard to set it as the new shortcut.

Tip #106

— Posted inDesktop, Vivaldi Tips — 1 min read

Keep track of your downloads from Downloads Pop Out.

Downloads Panel is a great way to see past and current downloads. But if Panels aren’t your thing, you can add a Downloads button to one of the toolbars and view the saved files in a pop out dialog instead.

To add the button to a toolbar:

  1. Go to  Vivaldi menu > View > Customize Toolbar.
    Alternatively, right-click on one of the buttons on a toolbar and select Edit > Customize Toolbar.
  2. From Navigation Toolbar components, locate Downloads.
  3. Drag it to a toolbar. For example, to the right side of the Address Bar.

When you want to view your downloads, just click on the button to open the dialog.

Tip #102

— Posted inDesktop, Vivaldi Tips — 2 min read

Customize browser toolbars from Vivaldi menu > View > Customize Toolbar.

In Tip #4 we told you how to move buttons around on the browser Toolbars. That method still works, but since then we’ve added even more flexibility to customizing Toolbars, giving you full control of your toolbar layouts. You can add, move and remove any of the components on the Navigation Toolbar, Status Bar, Mail Toolbar, Mail Composer Toolbar and Mail Message Toolbar. You can even add your custom Command Chains as buttons on the toolbars.

To customize the toolbars:

  1. Go to Vivaldi menu > View > Customize Toolbar.
    Alternatively, right-click on one of the buttons on a toolbar and select Edit > Customize Toolbar.
  2. While the Toolbar Editor window is open:
    • Click and drag new components to the toolbars,
    • Move components around without the need to hold down the Ctrl / ⌘ key,
    • Drag and drop components you want to remove on the background area (area that isn’t a toolbar, nor the editor window).
  3. Click on the background area to close the Toolbar Editor.

Feel free to mix and match components from various toolbars. For example, you can add the Compose New Mail button to the Navigation Bar and Extensions to Mail toolbars.

Tip #93

— Posted inAndroid, Vivaldi Tips — 1 min read

Choose a custom Theme color for Vivaldi on Android.

By default, with a light theme, Vivaldi on Android will change the Address and Tab Bar colors based on the open website. To change the accent color:

  1. Go to the Vivaldi menu button Vivaldi menu > Settings > Appearance > Themes.
  2. Choose between:
    • Adaptive color based on the open web page,
    • One of the preset colors,
    • Custom color (insert the color’s Hex value).

Tip #89

— Posted inDesktop, Vivaldi Tips — 1 min read

Customize Speed Dials from Quick Settings.

You can always customize your Start Page and Speed Dials from the main Settings page. To see the changes, though, you have to go back and forth between Settings and the Start Page. An alternative is to make the changes in the Quick Settings panel on the Start Page itself. That way you can see the changes immediately.

To customize the Speed Dial via Quick Settings:

  1. Open the Start Page.
  2. Open Quick Settings from the top right corner of the page.
  3. Go to the Speed Dial Appearance section.
  4. There you can:
    • Adjust the thumbnail size.
    • Set the maximum number of speed dial columns that can be displayed.
    • Choose whether to display the titles of the speed dials.
    • Toggle off and on Add and Delete buttons.

Tip #72

— Posted inDesktop, Vivaldi Tips — 1 min read

Add a new background image by right-clicking on an image and selecting Use Image as Window Background.

To update your browser’s Theme with a new background image, you don’t necessarily have to add a file from your computer, you can also set an image from the web as your background image.

  1. Find an image you like.
  2. Right-click on the image.
  3. Select Use Image as Window Background.
  4. Open Start Page to see how it looks.
A web page with a large image and context menu open on top.

Tip #65

— Posted inAndroid, Vivaldi Tips — 1 min read

On Android, move the Address Bar to the bottom for easier one-handed access.

With smart phones’ screens still increasing in size, reaching the top of the screen while simultaneously holding the phone with the same hand can get cumbersome. That’s why in Vivaldi you can move the Address and Tab Bars to the bottom of the screen for easier access.

To move the Address Bar (and Tab Bar) to the bottom of the screen on Android:

  1. Go to Vivaldi menu > Settings > Appearance.
  2. Toggle on Address Bar at Bottom.
Address Bar at the top vs at the bottom

Tip #36

— Posted inDesktop, Vivaldi Tips — 1 min read

Set a unique avatar image for each User Profile.

User Profiles are a great way to compartmentalize your browsing data (bookmarks, passwords, etc.) based on use case (personal, school, work, etc.) or when sharing the computer with someone.

To differentiate the profiles, add avatar images to each user profile. There are a few way you can do that.

Option 1

Log in to your Vivaldi account in the browser (Settings > Sync). Then your account’s profile image will be displayed as the user profile avatar image. To update your account’s profile image, go to the account’s profile on Vivaldi.net.

Option 2

Select a premade avatar image.

  1. Click on the User Profile button on the Address Bar.
  2. Click on the active user’s name.
  3. Select one from the available images.
  4. Click Save.

Option 3

Use your own image.

  1. Click on the User Profile button on the Address Bar.
  2. Click on the active user’s name.
  3. Click on the big + button (Select custom avatar image) below the profile name.
  4. Find the image from your File Manager/Finder.
  5. Click Save.

Tip #20

— Posted inDesktop, Vivaldi Tips — 1 min read

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

Just press down on the Ctrl / ⌘ key on your keyboard and with your mouse drag and drop the button where you’d like to see it instead. A line showing the new location will appear when the button can be dropped.

Vivaldi window, showing the moving of the Mail button from the Status Bar to the Address Bar.

There currently are some limitations to where buttons can be moved. For example, you can’t move buttons from/to the right side of the Address Field. But we’re not done with the feature just yet, so you can expect to have even more flexibility in the future. 😉

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