Modding Vivaldi
-
@DarylO The file isn’t being ignored, it’s loaded. But your code has an issue, it’s being overruled by the original. Try to set
!important
at the end, then it should work. Shouldn’t it work you gotta write out the specific font you want at the beginning, instead of Ubuntu, e.g.#browser.linux textarea { font-family: Fira Code, system-ui, sans-serif !important; }
-
@luetage Thanks for the suggestion, but that doesn't work. Are there particular folders where the file should be?
-
@DarylO Just try some other code snippet that is known to work to test your modification setup.
-
@luetage I wouldn't know what those would be.
-
@DarylO Anything really, e.g.
.toolbar-mainbar {color: red !important;}
-
@luetage Oh, that's what you meant. I wouldn't care to test any others as the one I want (the font) doesn't work, so there's no point in trying any others.
-
@DarylO That’s fine. Good luck then.
-
@luetage Thanks. Should I submit this as a bug?
-
@DarylO Seems more a feature request than a bug. Upvote this.
-
@Hadden89 Why would that be considered a feature request? The custom.css ought to work correctly. By the way, I did try adding ".toolbar-mainbar {color: red !important;}" to my custom.css, and that actually worked, so why is Vivaldi ignoring the font instructions?
-
-
@Hadden89 Okay. Well, I'll try to figure it out on my own, then.
-
@DarylO This could work
#browser.linux, #browser.linux + div, #browser.linux + div + div, #browser.linux button, #browser.linux input, #browser.linux select, #browser.linux textarea { font-family: Ubuntu, system-ui, sans-serif !important; }
Replace
Ubuntu
with the font you need. -
@Hadden89 I would just delete 'Ubuntu' as the font I would want to use is the one I had selected for my system-ui. Are you saying I should include all the other text in my custom.css file, as well?
-
@DarylO I just looked how vivaldi pick the font in
common.css
and overrided with the!important
so the working code should be that. If you know the name of your font is better, as if you don't fill it, Vivaldi still may useUbuntu
-
@Hadden89 Thank you!! That did the trick. Originally, I just had the following, and that wasn't enough.
#browser.linux textarea {
font-family: system-ui, sans-serif !important;
} -
@Hadden89 Why do you think all the other text was needed? By the way, I took out " !important" to see if it would still work, and it does.
-
@DarylO Because the default font is on various browser elements and each line will modify only a small part of the interface - so they work together.
-
@Hadden89 Thanks for the explanation!
-
If you want to make a change across all elements you can also use this rather than listing them all
* { font-family: Fira Code, system-ui, sans-serif !important; }