Tag: customization

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