Vivaldi 6.2.3105.43 ignores custom.css

[Grainger]

Set the path to custom.css as always in browser.html

<link rel="stylesheet" href="style/custom.css" />

but Vivaldi ignores it.

[Pesala]

@Grainger @stardepp said in Massive code refactoring brings speed to Vivaldi.:

Since the update to Vivaldi 6.2, javascript modifications no longer work. Can anyone else confirm this?

@luetage said in Massive code refactoring brings speed to Vivaldi.:

@stardepp Of course, it’s in the description to the update. We use portals now, you need to adjust how you load the mods. You need to load your changes through window.html now.

[luetage]

You need to set it in window.html. But the better way to do this is to load the changes from an external file by enabling CSS customization from experiments and choosing the file from appearance settings.

[Grainger]

Thx @all

[Grainger]

@luetage said in Vivaldi 6.2.3105.43 ignores custom.css:

You need to set it in window.html. But the better way to do this is to load the changes from an external file by enabling CSS customization from experiments and choosing the file from appearance settings.

I changed it now to an external file by enabling "Experiments".

[DoctorG]

@Grainger The external file is the usual way since the experiment setting was added.

[VivaldiDY]

@DoctorG said in Vivaldi 6.2.3105.43 ignores custom.css:

@Grainger The external file is the usual way since the experiment setting was added.

May I know where this experiment setting is? I didn't find one from vivaldi://flags

[VivaldiDY]

@VivaldiDY I see. It's under vivaldi://experiments/. Cheers, guys. I indeed can feel Vivaldi becomes faster.

[VAIO73]

I have enable vivaldi://experiments/, and my custom css dont work, where i have problem???

[Pathduck]

@VAIO73 Did you enable this?

Where did you place your CSS files?

Did you restart the browser after?

Did you read the docs?
https://forum.vivaldi.net/topic/10549/modding-vivaldi

[VAIO73]

@Pathduck

YES, I have all settings right, and dont work...

[Pathduck]

@VAIO73 You're not doing it right. You're supposed to select the folder where you keep your CSS files, not Vivaldi's installation folder.

Ideally the folder would be something like
Documents\Vivaldi\Mods\CSS
But anywhere you want, just not Vivaldi's installation folder.

Also make sure your CSS files do not have spaces in the file name (edge case...)

[VAIO73]

@Pathduck works..., I have file name "main custom.css", I renamed to "custom.css" and work perfektly, thank you very much ...

[VAIO73]

@Pathduck i have one more request..., I don't control css, I only use copyed settings, you could see them, whether they are correct ???

[Pathduck]

@VAIO73 I can't really examine other people's CSS code. It's impossible to know if it's "correct" without testing each selector to check if it's still the right one, and it's not something I'm willing to do with other people's code

You should not just copy other's CSS without understanding it. Vivaldi makes changes to the UI code all the time, and mods break constantly. Learn some CSS:
https://www.w3schools.com/css/default.asp
https://developer.mozilla.org/en-US/docs/Learn/CSS
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics

And maybe most important, learn how to understand Vivaldi's UI code:
https://forum.vivaldi.net/topic/16684/inspecting-the-vivaldi-ui-with-devtools