Zoom Button on the Toolbar?

JMAaron

Greetings - I'm new to Vivaldi; I've been with Firefox for a decade and a half, but the UI on version 89 was a deal breaker. I really like what I see here. But I have either a request or a question. Is it possible to put a zoom button - in and out - on the toolbar? I'm visually impaired, so I use zoom a lot, and the hot keys are a bit time consuming.

Thanks!

Pesala

@jmaaron Welcome to the Community. Here are a few links for your bookmarks that you may find useful:

The Zoom controls are on the Status Bar. You can change the slider to buttons in Settings, Appearance:

Use Buttons in Range Controls

The zoom controls cannot currently be moved to other locations.
Vote for Show Zoom Icon on Address Bar

barbudo2005

@JMAaron Of course you can with the excellent JS and CSS Mod by @nomadic

https://forum.vivaldi.net/topic/44724/zoom-controls-in-address-bar-with-slide-out-animation

Use this guide:

https://forum.vivaldi.net/topic/10549/guide-modding-vivaldi/1

hlehyaric

@jmaaron You can also move the zoom button from status bar to address bar without CSS/JS mods. Read this @LonM's post.

Stardust

Here is a Feature Request you can upvote

https://forum.vivaldi.net/topic/31953/firefox-style-zoom-buttons-on-the-address-bar

Pesala

@LonM said in More Quick Commands, keyboard shortcuts and customization – Vivaldi Browser snapshot 1386.4:

You can currently hide buttons, but you can also change their order if you're willing to do a bit of hacking!

If you open the browser console (using the launch flags, or by going to vivaldi://inspect), you can put the following code into the console to change the order:

vivaldi.prefs.set({path: "vivaldi.toolbars.navigation", value:['Rewind', 'Back', 'Reload', 'Forward', 'FastForward', 'Home']});

Of course, you can change the ordering of these elements as you prefer, and even omit some if you don't use them.

You can also re-order things in the status bar using this method. So for example, to move the panel toggle to the right, but keep everything else the same, you would use:

vivaldi.prefs.set({path: "vivaldi.toolbars.status", value:["SyncStatus", "StatusInfo", "TaskList", "CaptureImages", "TilingToggle", "ImagesToggle", "PageActions", "Zoom", "PanelToggle"]});

You can even have the same button in multiple places, or move things from the main address bar to the status bar!