Modding Vivaldi
-
@molex if you mean the speed dials on the start page, you can save the apple icon to a folder on your system, then right click the speed dial and "set it as a thumbnail"
-
Any idea if this is possible:
https://forum.vivaldi.net/topic/36308/is-there-any-way-to-disable-tab-shrinkage-when-pinned/2 -
@Christoph142 If possible, could you update the guide with how the user can use launch arguments to start Vivaldi in debug-packed-apps mode?
vivaldi --flag-switches-begin --debug-packed-apps --silent-debugger-extension-api --flag-switches-end
This flag is really useful for anyone getting into modding Vivaldi since they can examine UI elements in the inspector.
Thanks!
-
@Pathduck it can be done easier by search debugging in vivaldi://flags/ > enabled flags > restart browser.
-
@Pathduck See https://forum.vivaldi.net/topic/16684/inspecting-vivaldi-s-ui-with-devtools (I don't know why it isn't pinned )
-
@potmeklecbohdan I know, but it'd be nice if it was collected in one post is all. Easier to find for the new modders
-
@Christoph142 You should maybe hide the <2.6 part
in a spoiler
like this
-
@Christoph142 Maybe you should add that the CSS files (for >2.6) must be in that folder and not in subfolders.
-
@Christoph142 said in Modding Vivaldi:
Open vivaldi://experiments
Enable "Allow for using CSS modifications"
Open Appearance section in settings
Choose the folder you want to use
Place your CSS files inside it
Restart Vivaldi to see them in effectHere it says choose what folder you want to use. I am not quite what folder use, can someone help please.
-
@laingman You have to put your CSS file in a folder of your choice outside the vivaldi application.
-
@hlehyaric said in Modding Vivaldi:
@laingman You have to put your CSS file in a folder of your choice outside the vivaldi application.
OK. Thank you. I am trying to make this Vivaldi my only browser and make it as productive as possible. At least we know it won't be going away like opera did.
-
@hlehyaric said in Modding Vivaldi:
@laingman You have to put your CSS file in a folder of your choice outside the vivaldi application.
One file per folder?
-
@laingman said in Modding Vivaldi:
One file per folder?
It will read all *.css files in the folder in alphanumeric order.
I have set the folder to
Documents\Settings\Vivaldi\Mods\CSS
but I like to have stuff organised -
@Pathduck Thanks. Seems though like I am going to have to learn some coding, most of this is over my head. I am reading the instructions, it says only one file in vivaldi has to be modified, and then its says put in folder outside Vivaldi. Very confusing to me. I am trying to achieve move the address field to the left and have all the other buttons right side. Like in this thread : https://forum.vivaldi.net/topic/16265/moving-buttons-right-or-address-bar-left I have always hated having controls on the left
-
@laingman You don't have to modify
browser.html
anymore for CSS mods only. Just create a CSS file, put it in a folder outside the application and select it (follow «Adding Style», «Vivaldi 2.6 and above» instruction).Be careful with mods. Vivaldi's code has changed over time and some older mods don't work any longer.
-
@hlehyaric Thanks for the help. This line of code is pasted below incomplete css right? It has to have where to put it like header or body something like that I think
button.button-toolbar.back, button.button-toolbar.forward, button.button-toolbar.rewind, button.button-toolbar.next, button.button-toolbar.reload, button.button-toolbar.home {order: 2;
-
@laingman It is incomplete, but for a different reason
All thosebutton.button-toolbar.*
s are selectors — the same as if there washtml
orbody
, but you don't gethtml
/body
element, but all<button class="button-toolbar">
(with the other class also written in there).
The thing that is missing is closing brace}
.button.button-toolbar.back, button.button-toolbar.forward, button.button-toolbar.rewind, button.button-toolbar.next, button.button-toolbar.reload, button.button-toolbar.home { order: 2; }
-
@potmeklecbohdan OK. Thanks. Doesn't work
-
@laingman Isn't expected to work. You asked if it's complete CSS, I told you that it isn't and why. If you asked me if it will work, I'd say no, because the UI's HTML looked like this a long time ago.
-
@potmeklecbohdan OK, I understand. Thanks