Tag: customization

Tip #530

— Posted inDesktop, Vivaldi Tips — 1 min read

Play around with different layouts for creative ways to arrange your Speed Dials.

When you have a lot of Speed Dials on your Vivaldi browser’s Start Page, you’ll benefit from spreading them out into more columns, so they’ll all fit on the screen. But if you only have a few favorites, you can get more creative with the layout.

To change the number of columns:

  1. Go to Settings > Start Page > Speed Dial or open Quick Settings > Speed Dial Appearance on the Start Page.
  2. From the Maximum Columns drop-down menu, select how many columns of Speed Dials you want. You can have a single column or go in the opposite direction and remove the upper limit altogether.

Theme by abeegeorgina.

Tip #523

— Posted inDesktop, Vivaldi Tips — 1 min read

Customize menu item anchor letters to make navigating menus with your keyboard more comfortable.

Have you noticed that in menus one letter is often underlined? If not, go on and right-click on the page to see for yourself. The underlined letters indicate which key on your keyboard to press to select that command. Pressing the letters instead of arrow keys makes using menus a lot faster. But first you need to make sure that the assigned letters make sense to you. If not, change them.

To edit menus:

  1. Go to Settings > Appearance > Menu > Menu customization.
  2. Locate the menu item you want to customize.
  3. Right-click on it and select “Rename”.
  4. Add the symbol & in front of the letter you want to act as the anchor.
  5. Press “Enter” to save the change.

Then to navigate menus using anchor letters, first use a shortcut to open the menu, for example, Shift + F10 to open web page’s context menu, and then press the letter (multiple letters, if the command is in a sub menu) to select and execute the command.

Vivaldi browser's menu customization settings. Copy Page Address menu item is given the anchor in front of the letter C.

Tip #520

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

Browse additional Themes from the same author on Vivaldi Themes.

When you find a beautiful theme created by one of our community members in the Vivaldi Themes gallery and like the author’s style, browse their other themes to find even more gorgeous creations.

To view all themes by the author:

  1. Go to themes.vivaldi.net and look for one you like.
  2. Click on the theme to view its page.
  3. In the theme information section, click on the name next to “Made by”.
A theme page with an arrow pointing at the author's name.

Tip #484

— Posted inDesktop, Vivaldi Tips — 1 min read

Tinker with Vivaldi’s appearance, all the way down to the menu icon.

On macOS, Vivaldi browser’s main menu is baked into the operating system, but on Windows and Linux you can access the main menu from the Vivaldi logo icon in the top left corner of the browser window.

If you wish, you can replace the Vivaldi logo Vivaldi icon with a more generic, so-called “Hamburger”, ☰ menu icon. To do that:

  1. Go to Settings > Appearance > Menu > Menu Icon Style.
  2. Select “Menu Icon”.
Corner of a Vivaldi browser window highlighting the generic "hamburger" menu icon.

Tip #482

— Posted inAndroid, Vivaldi Tips — 1 min read

Set a custom wallpaper for the Start Page in Vivaldi on Android.

The Start Page is a gateway to the web, showcasing all your favorite bookmarks – Speed Dials. Learn how to jazz it up with a cool wallpaper. ✨

Here’s how to set a custom wallpaper on Android:

  1. Go to Settings > Appearance > Start Page Wallpaper.
  2. Choose a wallpaper from the presets or select one from your Android phone’s/tablet’s gallery.
Start Page Wallpaper settings and example in Vivaldi on Android.

Tip #478

— Posted inCommunity Blogs, Community Services, Vivaldi Tips — 1 min read

Show off your personality and what your blog is about with a custom header image.

Give your blog on Vivaldi.net a look that reflects you and the topics you’re blogging about – from theme colors to fonts, a logo, and a header image. In this tip, let’s find out how to add the latter.

To add a header image to your blog:

  1. Click “Customize” on the top menu bar of your blog or go to Dashboard > Appearance > Customize.
  2. Go to the Header Image section.
  3. Click “Add New Image” to upload a new image, select one from your Media Library, or search for an image using Instant Images. Alternatively, select a premade color gradient as the header image.
  4. If needed, change the blog title color.
  5. Click “Publish” to save the changes.
Blog customization page open on the header image section.

Tip #476

— Posted inDesktop, Vivaldi Tips — 1 min read

Enable compact layout of menus if you prefer your menu items to be more tight-knit.

Vivaldi 6.7 introduced a new design to the browser’s main and context menus. Among other changes, each menu item is given more space (great for when your screen supports touch interactions). If you prefer the previous design, you can enable it with a quick setting change.

To enable compact menus:

  1. Go to Settings > Appearance > Menu.
  2. Enable “Compact Layout”.
  3. Restart the browser.

Tip #467

— Posted iniOS, Vivaldi Tips — 1 min read

Force web pages to be displayed in dark mode in Vivaldi on iOS.

Some websites have created both light and dark versions of their site and check users’ preferences to decide which version to display. You can make your preference known in Settings > Appearance & Themes > Website Appearance.

In addition to the above, you can force dark mode on websites that come only in light color schemes. To do that, enable “Force dark theme on all websites” on the same Settings page.

Tip #463

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

Give a rating and share your feedback on the themes you’ve downloaded from Vivaldi Themes.

There are thousands of custom themes that the Vivaldi Community has shared on themes.vivaldi.net. When you’ve downloaded a theme and you like it, head back to the theme’s page to leave a good star rating and an appreciative comment to the author. In addition to making the author happy, it also helps the best themes reach the top of the popular page.

To review a shared Vivaldi Theme:

  1. Go to themes.vivaldi.net.
  2. Log in to your Vivaldi account.
  3. Download a theme you like.
  4. Right below the theme preview, click on the stars to add your rating.
  5. Write a comment with compliments and/or feedback to the author.
A theme page on Vivaldi Themes with "Rate this theme"
Theme by Kocaelispor.

Tip #447

— Posted iniOS, Vivaldi Tips — 1 min read

Pick a custom accent color for the browser theme in Vivaldi on iOS.

A lot of people love decking the browser UI in their favorite colors. In Vivaldi’s Theme settings you can pick one of the preset colors, let the color change based on the web page you’re on, or set your very own custom color.

To pick a custom accent color:

  1. Go to Settings > Appearance & Theme > Accent Color > Custom Color Code.
  2. Enter the HEX value of your preferred color or tap the color wheel in front of it to pick a color using the grid, spectrum, or sliders.
Accent Color settings in Vivaldi on iOS showing the Grid, Spectrum and Sliders.

Tip #427

— Posted iniOS, Vivaldi Tips — 1 min read

Set a custom wallpaper for the Start Page on Vivaldi on iOS.

The Start Page is a gateway to the web, showcasing all your favorite bookmarks, Speed Dials. So, why should you be restricted to a plain startup page with limited functionality and design?

Here’s how to set a custom wallpaper on iOS:

  1. Go to Settings > Appearance > Wallpapers.
  2. Choose a wallpaper from the presets or select one from your iPhone’s/iPad’s gallery.

Tip #383

— Posted iniOS, Vivaldi Tips — 1 min read

Choose from 4 Speed Dial layout options for Vivaldi on iOS.

Speed Dials are Bookmarks that are displayed on your browser’s Start Page. In Vivaldi, you can choose how they’re displayed.

To change the look in Vivaldi on iOS:

  1. Go to  Vivaldi menu > Settings > Start Page Layout.
  2. Select your preferred layout:
    • Large Speed Dials,
    • Medium Speed Dials
    • Small Speed Dials,
    • Speed Dial list.

Got an Android device? Check Tip #157.

Large Speed Dials
Medium Speed Dials
Small Speed Dials
Speed Dial List

Tip #382

— Posted inDesktop, Vivaldi Tips — 1 min read

Left or right? Choose a side for your Panels.

With Vivaldi’s highly customizable user interface, you can move toolbars around as you like. The Panels Toolbar, hosting your Bookmarks, Downloads, Notes, Web Panels and more can be located either on the left or right side of the browser window. Especially when you prefer vertical Tabs (see Tip #204), you need to think about whether you want to have Tabs and Panels on either side of the window or both on the same side.

To move Panels:

  1. Go to Settings > Panels > Panel Position.
  2. Choose either Left or Right.
Two Vivaldi browser windows, showing Panels on opposite sides of the window.

Tip #367

— Posted iniOS, Vivaldi Tips — 1 min read

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.