• 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. Customizations & Extensions
    4. Modifications
    5. Changing icons with CSS / part II

    Changing icons with CSS / part II

    Modifications
    modding css
    34
    316
    88.6k
    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 @supra107
      last edited by

      @supra107 That’s why I linked you, to control the dimensions you can adjust the viewbox. But this isn’t possible with CSS alone, you need to access the HTML.

      github ◊ vfm

      supra107
      S
      1 Reply Last reply
      Reply Quote 2
      • supra107
        S
        supra107 @luetage
        last edited by

        @luetage The default viewbox is fine and big enough for the icon, it was the SVG element size and position itself that was the problem, but now I've learned you can adjust that with a CSS transform.

        1 Reply Last reply Reply Quote 0
        • Ornorm
          O
          Ornorm @A Former User
          last edited by

          @potmeklecbohdan said in Changing icons with CSS / part II:

          You have to put the code into one line

          Ooooooh! That was the detail I was looking for yesterday night... Finally!!!!! It works. Thank you 🤗

          hlehyaric
          H
          ?
          2 Replies Last reply
          Reply Quote 2
          • hlehyaric
            H
            hlehyaric @Ornorm
            last edited by

            @Ornorm Now, you mod V's UI? 😉

            Ornorm
            O
            1 Reply Last reply
            Reply Quote 2
            • Ornorm
              O
              Ornorm @hlehyaric
              last edited by

              @hlehyaric Just trying to be part of the "Realz" club...

              @Ornorm said in Inspecting the Vivaldi UI with DevTools:

              It's for the Vivaldi "Realz" users (I'm still a young padawan)

              hlehyaric
              H
              luetage
              L
              2 Replies Last reply
              Reply Quote 3
              • ?
                A Former User @Ornorm
                last edited by

                @Ornorm Hehe… does that mean my icons are finally used by someone else? Or are you like me & make the icons by writing their code?

                Ornorm
                O
                1 Reply Last reply
                Reply Quote 3
                • Ornorm
                  O
                  Ornorm @A Former User
                  last edited by

                  @potmeklecbohdan I'm using my own icons (sorry...) but I found why my mod didn't work thanks to you

                  You have to put the code into one line

                  I tried soooooo many class codes to make it work but couldn't achieve it. I then start to read many mod posts to finally read yours. My code was correct but wasn't written into one line.

                  1 Reply Last reply Reply Quote 4
                  • hlehyaric
                    H
                    hlehyaric @Ornorm
                    last edited by

                    @Ornorm Welcome to The Happy Modding Society. 🎆🍾

                    1 Reply Last reply Reply Quote 4
                    • luetage
                      L
                      luetage Supporters Soprano @Ornorm
                      last edited by

                      @Ornorm I’m shocked. What didn’t you understand when Vivaldi said: “Make it your own”? Of course you gotta mod.

                      github ◊ vfm

                      Ornorm
                      O
                      Steffie
                      S
                      2 Replies Last reply
                      Reply Quote 3
                      • Ornorm
                        O
                        Ornorm @luetage
                        last edited by

                        @luetage said in Changing icons with CSS / part II:

                        I’m shocked

                        You can...
                        But you know, it's like with wine. The best ones are the most difficult to appreciate.
                        For me, it's the same, I started by using the standard UI settings of Vivaldi to change the color, to add picture backgrounds, etc. (Level Newbie or "piquette" wine).
                        I then started to mod Vivaldi forum (thanks to you 😉 ) and I thought, yummy, difficult to appreciate the first time but it tastes good. (Level Young paddawan or standard Bordeaux wine).
                        And now, I'm trying to taste new flavours, tasting Bourgogne as well (Level (newbie) Realz).

                        hlehyaric
                        H
                        1 Reply Last reply
                        Reply Quote 2
                        • hlehyaric
                          H
                          hlehyaric @Ornorm
                          last edited by

                          @Ornorm Next level: Champagne (writing your own mods).

                          ?
                          1 Reply Last reply
                          Reply Quote 1
                          • ?
                            A Former User @hlehyaric
                            last edited by

                            @hlehyaric & next level is… being tired (for no reason) & using only mods that you currently have & that work w/o you moving a finger (water) 😉

                            (though I don’t want this)

                            hlehyaric
                            H
                            1 Reply Last reply
                            Reply Quote 3
                            • hlehyaric
                              H
                              hlehyaric @A Former User
                              last edited by hlehyaric

                              @potmeklecbohdan No! 😅

                              Higher lever: Champagne Grand cru millésimé (famous modders)
                              Ultimate level: Cristal Roederer (Mods Guru, aka luetage)

                              Ornorm
                              O
                              1 Reply Last reply
                              Reply Quote 2
                              • Ornorm
                                O
                                Ornorm @hlehyaric
                                last edited by Ornorm

                                @hlehyaric Woooow! (I shouldn't share this for the honor of my family 😳 )
                                So, it seems I'm even below piquette level. I was trying to find a solution during hours (!) because the svg I created didn't fit in the span.
                                Searched, tried different things, etc. and... discovered I worked in mm instead of px in Illustrator. OMG!

                                alt text

                                hlehyaric
                                H
                                1 Reply Last reply
                                Reply Quote 2
                                • hlehyaric
                                  H
                                  hlehyaric @Ornorm
                                  last edited by

                                  @Ornorm Don't be worry. To begin with, everybody makes mistakes.

                                  Modding the forum, I used 90° instead of 90deg…🤣

                                  Ornorm
                                  O
                                  1 Reply Last reply
                                  Reply Quote 3
                                  • Ornorm
                                    O
                                    Ornorm @hlehyaric
                                    last edited by

                                    @hlehyaric Thanks for your kind support... I feel less alone... 😉

                                    hlehyaric
                                    H
                                    1 Reply Last reply
                                    Reply Quote 3
                                    • hlehyaric
                                      H
                                      hlehyaric @Ornorm
                                      last edited by

                                      @Ornorm Anyway, if you run into troubles with a mod, just come here and ask for help. 😀

                                      Ornorm
                                      O
                                      1 Reply Last reply
                                      Reply Quote 3
                                      • Ornorm
                                        O
                                        Ornorm @hlehyaric
                                        last edited by

                                        @hlehyaric Yes, I know. Thanks for that.
                                        I first try to find things out by myself (sometimes, using "search" does the trick and I don't want to post questions that have already been asked - even if searching takes sometimes more time than asking the question...)

                                        hlehyaric
                                        H
                                        1 Reply Last reply
                                        Reply Quote 3
                                        • hlehyaric
                                          H
                                          hlehyaric @Ornorm
                                          last edited by hlehyaric

                                          @Ornorm I don't what you're trying to achieve. Here is what I did to my address bar and panel. If I did it, you can do it.😀

                                          Address Bar

                                          080530f4-a314-4c3e-8ad5-b49a41eaa4b8-image.png

                                          Panel

                                          572599a0-9e47-4a7a-b1cf-f79dfba1dcc2-image.png

                                          Ornorm
                                          O
                                          1 Reply Last reply
                                          Reply Quote 3
                                          • Steffie
                                            S
                                            Steffie @luetage
                                            last edited by

                                            @luetage said in Changing icons with CSS / part II:

                                            I’m shocked

                                            Oh no, not again [🐋 🌺]. Maybe it's about time you finally got around to installing that sub-dermal ELCB?



                                            General observation: I find it most entertaining coming here now & then to watch you clever peeps optimise & rearrange all your angels on your pin-heads.

                                            ♀ 🇦🇺

                                            hlehyaric
                                            H
                                            1 Reply Last reply
                                            Reply Quote 2
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            • 1
                                            • 2
                                            • 10
                                            • 11
                                            • 12
                                            • 13
                                            • 14
                                            • 15
                                            • 16
                                            • 12 / 16
                                            • 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