Search results: css
Make Vivaldi the default browser on desktop
Desktop browser / Installing and Updating
To make Vivaldi the default browser: In case you see Vivaldi is set as your default browser instead of Set as Default button in General settings, then Vivaldi already is your default browser. Default browser check on startup When Vivaldi isn’t your default browser, every time you open the browser you’ll be asked whether you […]
Sender Best Practices for Vivaldi Mail
Developer Documentation / Mail and Calendar
Products: Vivaldi for desktop-only. Vivaldi Mail is a fully-featured email client. Email deliverability and filtering of potentially unwanted messages is left to the user’s email server. This document describes specifics for senders who want to ensure a good recipient experience and compatibility with Vivaldi Mail Email Rendering Vivaldi Mail renders emails using the Chromium Blink […]
Vivaldi Link Drag and Select Behavior for Web Developers
Developer Documentation / Web Pages
Products: Vivaldi for desktop-only. Vivaldi lets users either select text inside links or drag the links around. The behavior in Vivaldi differs from the default in other Blink (Chromium) browsers. Users can select text inside links by clicking on a link and dragging left or right. The link element becomes draggable when they drag it […]
Panels offer a quick way to access useful tools like Bookmarks, History, Notes, and Downloads. Accessing Panels To open Panels, tap on the Panels button on the left side of the toolbar at the bottom of the screen. In Vivaldi on iOS, there are 4 panels: To switch between panels tap on their respective icons […]
Accessing the History Panel To open the History Panel: Browsing the history Your browsing history is grouped into folders by date. To open or close the date folder, click on the arrow in front of the date. To open or close all folders: To change the displayed history time range, click on the menu next […]
Two-Factor Authentication for Vivaldi accounts
Account and services / Account
What is Two-Factor Authentication? Two-Factor Authentication, or 2FA for short, is an added layer of security when logging in to accounts. When enabled, in addition to your login password, you’ll be asked to verify your identity with an additional method. For your Vivaldi account, the second verification can be done either with app based authentication […]
Desktop browser / Appearance and Customization
Vivaldi introduces support for custom icon set for all toolbar buttons. Here’s how to best handle resources when creating your own icons. Edit a theme You can populate all the theme buttons right in the Vivaldi UI. To place your own icons, go to Settings > Themes > Editor > Icons to see a list […]
Desktop browser / Tabs and Windows
Vivaldi’s Windows Panel offers an easy way to manage multiple tabs at once. Opening to the side of your main browser window, the Window Panel will give you a tree-style view of all the open Tabs in all your open Windows. Access the Windows Panel Use one of the following options to open the Windows […]
Register a new Vivaldi account
Account and services / Account
Creating a Vivaldi account gives you access to: Registration To create a Vivaldi account: Information needed to register a new account: Activating the account Before you log in to your new account, it needs to be activated. After submitting the registration form, an email with an activation code is sent to the recovery email. Enter […]
Account and services / Account
We’ve all been there. If your username or password need to be recovered (or you don’t have access to the recovery email account you provided when you signed up), use these links to get back into your Vivaldi account. Forgotten login password To reset your Vivaldi account’s login password: Forgotten username To get a refresher […]
Hello, I use Ubuntu 22.04 and installed Vivaldi. Small issue that I see is I imported my CSS file from a Windows computer. When I try to run the change the color of the selected tab in CSS it won't work for some odd reason. Here's the CSS code: #browser .tab-position .tab.active {background-color: green; color: [...]
It seems that Vivaldi does not support the CSS feature: scroll-behavior: smooth; It would be great to have this support, because all other important browsers have it. Thanks, Peter.
does anyone know how to access the filter_intensify.css file on mac? i heard it's somewhere in applications but i can't find it
I find the new dark theme is too harsh on my system so I decided to make some changes to the colour and a few other things I feel are inconsistent. You will need something like Stylus to inject the code. Give it a try :root { --header-bg: hsla(210, 2%, 10%, 95%); --submenu-bg: hsl(210, 2%, [...]
Sync wiped out all my Stylus CSSes
Trying to figure out where I went wrong. I created a new profile, installed Stylus, and synced it (edit: Vivaldi, not Stylus) on the same account as my main profile. Now all style sheets are gone on both profiles. This is a loss of a few months of tweaks. I really do not like the [...]
panels custom css styles doesn't work anymore
i noticed while browsing twitter on a side panel, i noticed that my custom CSS extension (stylus) currently doesn't work on side panels, i tried to restart the browser, switch the side panel to be in desktop mode, updated my CSS files, and nothing has worked yet i am running off of vivaldi 5.6.2867.58 (or [...]
bigger displayed size for tabbar thumbnails with CSS
hi everyone . i have a little petition. Does anybody of you know the CSS code for modifying the parameters of displayed hover thumbnails? I already increased the resolution of the source of the images using the bundle.js so the only remaining step is the CSS... Any help appreciated
Filter invert - how to get the changed CSS code ?
Hi, I was trying the vivaldi page actions and I tried filter invert on a website. I like the inverted design and color but how do I get the new changed CSS ( the inverted one ) ? I did inspect element but it shows the original CSS. Kindly let me know how to get [...]
CSS+JS | @media display-mode broken
Vivaldi not handling @media display-mode correctly Bug report form wants me to ask if someone else can confirm first so here we go. I have a JSFiddle sample at https://jsfiddle.net/15hgqwv0/ . What I expect to happen: Using either the button to go fullscreen via JS or pressing F11 should cause the box to turn blue. [...]
Devtools: Elements: Styles: not full list of CSS properties
Open ford.com in Vivaldi. Then inspect logo icon in header. This tag: <span class="brand-logo"></span> There is no property in Devtools in CSS list: background-image: url(ford/img/bri-icons/Ford-logo.svg); But regular Google Chrome shows this property. Why Vivaldi is broken?