Search results: css

Opening and Closing Tabs

Desktop / Tabs and Windows

In Vivaldi, you can decide how you’d like to open, close and how to reopen recently closed Tabs. This article lists the options available to you. Opening Tabs There are several ways to open a new Tab: To open links in new Tabs: There are also several ways to open a link in a new […]

Tab Features

Desktop / Tabs and Windows

In Vivaldi, you are in control of tabs from the word go. This article lists important options that determine how your tabs behave. Grouping tabs into Tab Stacks To learn about Tab Stacks in Vivaldi, take a look at the Help page that describes the feature in depth here. Cycling tabs To cycle through your […]

Speed Dials in Vivaldi on iOS

iOS / Bookmarks and Speed Dial

Access your favorite Bookmarks directly from the Start Page with Speed Dials. Add a new Speed Dial folder on the Start Page To access bookmarks from the Start Page: You can display multiple Bookmarks folders on the Start Page and switch between them either by swiping left/right or tapping on the Speed Dial folder title. […]

Start Page in Vivaldi on iOS

iOS / Bookmarks and Speed Dial

Similarly to the desktop and Android browsers, your favorite Bookmarks can be displayed on the Start Page as Speed Dials. Accessing the Start Page Your Start Page is the default new tab and homepage for the browser and can be accessed by opening a new tab or from any web page by tapping the middle […]

Make Vivaldi the default browser on desktop

Desktop / 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

For developers / 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

For developers / 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 on iOS

iOS / Tools

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 […]

History Panel

Desktop / Panels

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 […]

CSS Not Working

Vivaldi for Linux

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: [...]

By twisted8000

CSS scroll-behavior

Vivaldi for macOS

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.

By polarpixel

filter_intensify.css file

Vivaldi for macOS

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

By Wolfy24

[CSS] Forum Dark Theme

Forum

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%, [...]

By sjudenim

How to make css work in Notes?

Desktop

Hi, how do I make css work in notes? I'm trying to color a specific word. Or is this not available (yet)?

By jrkl75

Sync wiped out all my Stylus CSSes

Vivaldi for Linux

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 [...]

By paul1149

Where is the common.css file located??????

Vivaldi for Linux

In case you cant tell from the title.... I have spend well over an hour looking for this gdamn file... and NO I dont want to change it just want to look at it so I can have a reference of what everything is called and use it as a reference its not a nuclear [...]

By brenwa

CSS mod not working 6.7

Vivaldi for macOS

Seems css modifications not working in vivaldi 6.7.3329.31 (Stable channel) (x86_64) on macOS Monterey 12.7.5 For example in bookmark bar reize, removing arrows or font size not working at all /* resize bookmark tab */ .bookmark-bar { height: 20px !important; } /* Hide folder arrow icons on the bookmark bar when set to text only [...]

By fontcl

Ask to cutsom css of "traffic icons"

Vivaldi for macOS

traffic icons cannot custom in 6.9 version, 6.8 is supported, ask to come back this feature

By compilerX

bigger displayed size for tabbar thumbnails with CSS

Vivaldi for Windows

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

By Cokelobos