Tips & Tricks

[Pesala]

I found a new use for single-key shortcuts, since I don't use them for spatial navigation. The only ones that I do use sometimes are z and x for back and forward, or 1,2 for previous next tab. I assigned these to open panels (b is already used for the Bookmarks Bar as per my earlier post in this thread).

• B = Bookmarks Bar
• b = Bookmarks Panel
• c = Contacts Panel
• d = Downloads Panel
• g = Google Translate Panel
• m = Mail Panel (When it's ready)
• n = Notes Panel
• v = Vivaldi Bug Report Panel
• V = Vimeo Uploads Panel
• y = YouTube Panel

[rf10]

@wupi:

Google site search on any webpage.

I think its more a generic chomium tweak but its useful IMHO.

Tools > Settings > Search > Add New Search Engine

URL:```
javascript:void(location.href='http://www.google.com/search?q=%s&domains='+location.hostname+'&sitesearch='+location.hostname)

Description: Google site search

Nickname: site (or whatever you want)

Type site in you addressbar and what you looking for > :woohoo:

This just results in a blank page for me. (V1.3.551)

[try_out]

Trying to make a gestures more logical and memorable, as I think. Here is the picture:

!

[Alexs]

Need backup your password?

activate chrome://flags/#password-import-export then restart
now open chrome://settings/passwords and export (*.csv) the password list (plain text).

Import/export works between Chromium based Browser.

[jfmonty2]

I've finally managed to optimize messenger.com for display as a web panel with some custom CSS rules.

I'm using User CSS, but any custom CSS extension should be capable of doing the same thing.

In the end, it only took two rules:

._4_j5 {
  display: none;
}

._4sp8 {
  min-width: 0;
}

The first one turns off the panel on the right side that gives you information about the group you're in. It's fairly superfluous for a panel; if I need it I can always just use the in-facebook version. The second rule removes the min-width attribute and allows the page to compress below a width of 500 pixels.

Figured I'd post it here because I found it helpful, and Messenger is a fairly common use-case for a panel.

[pafflick]

@jfmonty2 said in Tips & Tricks:

The first one turns off the panel on the right side that gives you information about the group you're in.

You do know that you can show/hide the panel at any time by clicking the "Conversation information" icon in the upper right corner, right? And that Messenger remembers your setting so that you don't need to hide it each time you open the panel?

[jfmonty2]

@pafflick Curses! I looked for a setting like that, but (perhaps naively) I was looking in Settings, so I didn't see it.

Oh well. Custom min-width is still useful so you haven't completely invalidated my clever hack.

[Pesala]

Bangs With Search Engines

With DuckDuckGo, if one types an exclamation mark before the URL that one wants to search, one can type a search term afterwards to search the target site for the term.

For example: !forum.vivaldi.net "white flash" will search the Vivaldi forums for "White Flash".

Search Results

[Pesala]

Add your own Page Actions by duplicating any CSS files in:

\Vivaldi\Application\2.1.1337.35\resources\vivaldi\user_files

Then modify the code to suit your needs. I copied Filter_Sepia.css and edited the background colour to get a different result like this:

These files will be overwritten by updates, so copy your customised style sheets to the \Vivaldi\ folder so that you can easily copy them back again after an update.

[Pesala]

Assign a shortcut to Search with Selected Text, in Settings, Keyboard, Page. (This is new in recent versions and has no default shortcut. I chose Ctrl+Shift+F) A mouse gesture can also be assigned.

• Select some text
• Execute the shortcut
• The text will be searched with your default search engine.

[Pesala]

Add a Bookmark to Restart Vivaldi.

• Add a new bookmark on the Bookmarks Bar in the Bookmarks Panel
• Use the url vivaldi://restart
• Click the bookmark to restart Vivaldi

Note that any changes you may have made to Settings are not applied when you take this quick route. To apply changes, use File, Exit, then launch Vivaldi from your desktop shortcut.

[Pesala]

List Your Uploads

To find a list of all images you have uploaded to the Vivaldi forums visit this url, replacing "username" with your username, of course.

https://forum.vivaldi.net/user/username/uploads

[Pesala]

Browsing Local Image Folders

• First, delete any non image files from the folders like "desktop.ini" as these will interrupt browsing
• Open File from the file menu
• Browse to select an image folder
• Open the first image
• Press spacebar (or FastForward) to browse through the folder
• Back will go back to the previous image, but Shift+Spacebar does not seem to work
• To select a different folder, Ctrl+Left-click in the URL Field to go to the parent folder.

[Pesala]

What a Load of Fluff!

I was wary of opening up my mouse in case I got left without a mouse. Today, someone brought a spare mouse, and fixed the old one by removing the accumulated fluff from inside my old mouse.

• Middle-click now works reliably
• Fast scrolling with MMB now works

Don't listen to those who tell you to buy a new mouse. Just open it up and clean out the insides.

[Pesala]

Resized Images on the Forum

When you upload an image, if it's a bit too big, it will be resized and converted to a blurry image. Edit the URL, e.g. from

https://forum.vivaldi.net/assets/uploads/files/1546018271917-go-to-parent-folder-resized.png

To:

https://forum.vivaldi.net/assets/uploads/files/1546018271917-go-to-parent-folder.png

If you can, always crop images before uploading them to show only the part that is relevant to your topic.

[Pesala]

Apply change to Native Windows Settings

To apply changes to the Native Window setting without restarting Vivaldi, right-click on a tab and move it to a new window.

[Pesala]

Customise Toolbars

With recent versions one can now drag and drop buttons from the Status Bar to the Navigation Bar by holding the shift key.

I moved all of the buttons that can be moved to improve accessibility. With the Panels Toolbar hidden, one can quickly access settings by clicking the Sync Icon.

I have plenty of vertical space on my 1200x1600 portrait primary monitor, so I don't need to hide the Status Bar, but a single-key shortcut like S can do that very quickly. The zoom control cannot be moved yet, but one can use the mouse scrollwheel with Control held down.

[Pesala]

To show the current Vivaldi and Chrome version in the Status Bar enable biscuit mode. Press WinKey+Period, type dog, and enter the dog-face emoji into the Setting dialogue search field:

[Pesala]

Thanks to MaxKarlErnst who helped me to create this CSS to remove the unwanted image placeholders.

.selectbox[title="Human"], .selectbox[title="Hot Pink"], .selectbox[title="Subtle"], .selectbox[title="Dark"], .selectbox[title="Blueprint"], .selectbox[title="Beach"], .selectbox[title="Light"], .selectbox[title="Starry Night"], .selectbox[title="Pink Cloud"], .selectbox[title="Jellyfish"], .selectbox[title="Purple Lake"], .selectbox[title="Wave"], .selectbox[title="Desktop Wallpaper"]{
    visibility: collapse;
    width: 0;
    margin: 0;
}

My Settings, Start Page tab now looks like this:

[Pesala]

I discovered that I can also hide the Background Colours using the same type of code.

/*Hide Start Page Background Colours and Images*/
.selectbox[title="Default"],  .selectbox[title="Blue"],  .selectbox[title="Pro"], .selectbox[title="Vivaldi"],  .selectbox[title="Sunset"],  .selectbox[title="Human"], .selectbox[title="Hot Pink"], .selectbox[title="Subtle"], .selectbox[title="Dark"], .selectbox[title="Blueprint"], .selectbox[title="Beach"], .selectbox[title="Light"], .selectbox[title="Starry Night"], .selectbox[title="Pink Cloud"], .selectbox[title="Jellyfish"], .selectbox[title="Purple Lake"], .selectbox[title="Wave"], .selectbox[title="Desktop Wallpaper"]{
    visibility: collapse;
    width: 0;
    margin: 0;
}

To apply CSS modifications automatically with each update, go to vivaldi://experiments to enable "Allow for CSS Modification." Then this option will appear in Settings, Appearance, where you can choose the folder where your custom.css files are stored.