Is it possible to move the search bar to the left side of the address bar?

[GeoJono]

Or other such customizations? I've tried moving it in the same way we can move buttons (Shift-Drag), but that doesn't seem to work.

Thanks!

[LonM]

@GeoJono Hi,

Right now it's not possible to do this I'm afraid.

[GeoJono]

Thanks @LonM

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

[A Former User]

Try this

.toolbar-addressbar .addressfield,
.toolbar-addressbar .searchfield ~ * {
    order: 1;
}

[Pesala]

@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.

[A Former User]

@Pesala To remove the side effect two three 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.

[Hadden89]

@potmeklecbohdan
Just wondering: What the ~ mean in css?
If I recall correctly, * stands for any (class)

[A Former User]

@Hadden89 Any following sibling element (any means it doesn't have to be directly after it). CSS Selectors Reference

[A Former User]

This should work better (new elements can be added)

.toolbar-addressbar .addressfield,
.toolbar-addressbar .addressfield ~:not(.searchfield) {
    order: 1;
}

[vongalin]

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 !

[A Former User]

@vongalin .toolbar-addressbar is now .UrlBar, .addressfield is .UrlBar-AddressField, .searchfield is .UrlBar-SearchField

[vongalin]

@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 !