can't autohide any bar(like tab bar/address bar/bookmar bar) and make them appear on mouse hover. Even using custom css file.

sg13ip006

I checked the box of allow for css modification in vivaldi://experiment. And then from settings, appearances I selected a folder containing css files for custom UI modification. I tried many css file, but none of them works. May be they are not even getting loaded.
I am pasting an example css file for auto hiding adress bar and make them appear on mouse hover.

/**[Auto hide address bar]**/
.toolbar-addressbar {
visibility: hidden;
position: fixed;
width: 100%;
opacity: 0;
z-index: 2;
transition: opacity .2s linear .1s, visibility 0s linear 1s;
}
/**[Reveal on hover]**/
#header:hover ~ #main .toolbar-addressbar, .toolbar-addressbar:hover {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}  
.button-toolbar.home { display: none }
.button-toolbar.reload { display: none }
.button-toolbar.forward { display: none }
.button-toolbar.back { display: none }

Any help would be very appreciated. I am using ubuntu 20.04 64 bit, and my vivaldi version is 3.5.2115.81 (Stable channel) (64-bit) my desktop environment is gnome. I even reinstalled the program tried it in another machine but the problem is still there. Can't find where I am going wrong.
thanks :C

A Former User

the file path must not contain spaces
the file name must end .css
the file must be directly in the folder (not in a subfolder)
the files are only loaded when you start Vivaldi

Oh, & this file will never work. .toolbar-addressbar is now .UrlBar, the additional classes for .button-toolbars aren’t there anymore.

Hadden89

You can remove this part.

.button-toolbar.home { display: none }
.button-toolbar.reload { display: none }
.button-toolbar.forward { display: none }
.button-toolbar.back { display: none }

You can hide these buttons with right click > customize.

sg13ip006

@potmeklecbohdan Thanks really. I spend almost 5hours trying those things. I can surely spend some more time going though the links you gave me. I will go through the links and if I still fail to solve the issue then I will reach back to you.
thanks

sg13ip006

@Hadden89 thanks pal.