Is it possible to move the search bar to the left side of the address bar?
-
@GeoJono Hi,
Right now it's not possible to do this I'm afraid.
-
Thanks @LonM
-
@GeoJono If it's something you would like to see very strongly, you could vote for this request: https://forum.vivaldi.net/topic/37364/customisable-toolbars
You could also leave a comment saying you'd like to move the search box itself.
-
Try this
.toolbar-addressbar .addressfield, .toolbar-addressbar .searchfield ~ * { order: 1; }
-
@potmeklecbohdan Easy when you know how!
A useful side-effect, when I hide the search field, my only extension is now on the left of the Address field.
-
@Pesala To remove the side effect
twothree extra lines are needed.toolbar-addressbar .addressfield, .toolbar-addressbar .searchfield ~ *, .toolbar-addressbar .addressfield + .profile-popup, .toolbar-addressbar .addressfield + .profile-popup ~ *, .toolbar-addressbar .addressfield + .toolbar-extensions { order: 1; }
Edit: I forgot we can disable profile popup.
-
@potmeklecbohdan
Just wondering: What the~
mean in css?
If I recall correctly,*
stands forany
(class) -
@Hadden89 Any following sibling element (any means it doesn't have to be directly after it). CSS Selectors Reference
-
This should work better (new elements can be added)
.toolbar-addressbar .addressfield, .toolbar-addressbar .addressfield ~:not(.searchfield) { order: 1; }
-
Good morning all,
Using the latest snapshot (Windows x64). This CSS tweak doesn't appear to be working any longer. Did the name of the element change ? It's been a while since I've been in V so I'm not sure how long this hasn't been working. All of other CSS modifications are working, just not this one.Is this type of mod still the only/preferred method to move the search bar ? This is one of the last minor edits I need to make so I can match my FF setup to ease the transition from FF to V permanently.
Thanks for any suggestions and/or CSS updates !
-
@vongalin
.toolbar-addressbar
is now.UrlBar
,.addressfield
is.UrlBar-AddressField
,.searchfield
is.UrlBar-SearchField
-
@potmeklecbohdan said in Is it possible to move the search bar to the left side of the address bar?:
.toolbar-addressbar is now .UrlBar, .addressfield is .UrlBar-AddressField, .searchfield is .UrlBar-SearchField
NICE ! Thank you for the quick response. Your changes worked perfectly !
-