• Browser
  • Mail
  • News
  • Community
  • About
Register Login
HomeBlogsForumThemesContributeSocial

Vivaldi

  • Browser
  • Mail
  • News
  • Community
  • About

Navigation

    • Home
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    1. Home
    2. Desktop
    3. Vivaldi for macOS
    4. Move the extensions in the toolbar?

    Move the extensions in the toolbar?

    Vivaldi for macOS
    4
    13
    3.4k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • luetage
      L
      luetage Supporters Soprano @MyVivaldiBrowser
      last edited by

      @MyVivaldiBrowser Will come at some point, but are you willing to wait months to years for it? I included the CSS needed in above post. Enable “Allow for using CSS Modifications” in vivaldi://experiments, create a .css file and copy the code into it, link to that file from vivaldi://settings/appearance/.

      Or wait.

      github ◊ vfm

      1 Reply Last reply Reply Quote 3
      • Dancer18
        D
        Dancer18
        last edited by Dancer18

        @MyVivaldiBrowser It's very easy (in Linux and Windows at least) with Shift + mouse-hold-left to move them.
        You can move panel-icons the same way, even the items in the status bar.

        Vivaldi with mail-client and calendar
        OS: Linux Mint LMDE 6 Cinnamon; Win10, GrapheneOS with Android 15

        1 Reply Last reply Reply Quote 3
        • M
          MyVivaldiBrowser
          last edited by

          I made a big mistake in my first post. Sorry. 🤦🏻‍♂️

          This: Except...no way to move the extension icons in the menu bar from the far left side of the bar to the right,

          Should be:

          ....to move the extension icons in the menu bar from the far RIGHT side of the bar to the LEFT,

          luetage
          L
          1 Reply Last reply
          Reply Quote 0
          • Dancer18
            D
            Dancer18
            last edited by

            @MyVivaldiBrowser You mean to move them left of adress-bar?

            extensions.png

            Vivaldi with mail-client and calendar
            OS: Linux Mint LMDE 6 Cinnamon; Win10, GrapheneOS with Android 15

            1 Reply Last reply Reply Quote 0
            • luetage
              L
              luetage Supporters Soprano @MyVivaldiBrowser
              last edited by

              @MyVivaldiBrowser I know, the code already does exactly that.

              github ◊ vfm

              1 Reply Last reply Reply Quote 2
              • M
                MyVivaldiBrowser
                last edited by

                Yes. To the left of of address bar. Sorry to be so confusing.🙇

                1 Reply Last reply Reply Quote 0
                • M
                  MyVivaldiBrowser
                  last edited by

                  @Gwen-Dragon Thanks

                  1 Reply Last reply Reply Quote 0
                  • Dancer18
                    D
                    Dancer18
                    last edited by

                    @MyVivaldiBrowser
                    I tried the css-solution from @luetage . And it works.
                    It is not difficult to manage it.

                    • Take a simple text-editor,
                    • paste in this code:
                    .toolbar-extensions {order: -1;}
                    
                    • name the file as "custom.css" and save it on your computer somewhere.
                    • paste in this URL in your vivaldi - adressbar:
                    vivaldi://experiments/
                    
                    • and check the box Allow for using CSS modifications
                      experiments.png

                    • open your settings by pasting this URL into your adress - bar:

                    vivaldi://settings/appearance/
                    
                    • find this section to give the right path to your custom.css (sorry my screenshot is in german, but you'll find it):
                      appearance.png

                    • Then close the browser and restart.

                    That's it. good luck!

                    Vivaldi with mail-client and calendar
                    OS: Linux Mint LMDE 6 Cinnamon; Win10, GrapheneOS with Android 15

                    1 Reply Last reply Reply Quote 4
                    • M
                      MyVivaldiBrowser
                      last edited by

                      Thank you for the detailed CSS how-to. I was on the verge of doing that CSS but then I discovered the option to which hide individual extensions, and the way to show them again. So that will suffice for now. Also, I wanted to move individual extensions from the right to the left, not all of them.
                      If I eventually proceed with the CSS I'm going to make a note that I did that and keep that note in Vivaldi in case version updates don't maintain the CSS or I need to revert back.

                      1 Reply Last reply Reply Quote 1
                      • spymunna
                        S
                        spymunna
                        last edited by

                        You can simply press Ctrl+Drag with Mouse to arrange extensions order

                        1 Reply Last reply Reply Quote 7
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        • 1 / 1
                        • First post
                          Last post

                        Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.

                        Copyright © Vivaldi Technologies™ — All rights reserved. Privacy Policy | Code of conduct | Terms of use | Vivaldi Status