Modding Vivaldi
-
@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; }
-
@sjudenim Thank you. That worked, too! (The !important tag, however, wasn't necessary in this case.)
-
@sjudenim I had to revert to Hadden89's suggestion as I noticed that there was a single little element in Vivaldi Mail that remained in the Ubuntu font.
-
Normally if you are changing a value using the exact same selector as found in the
common.css
, you will need to add the!important
declaration. If you use a different selector that effects the same thing, then it is not necessary, but there are times when thecommon.css
has an!important
declaration. In those cases you will need to use!important
to ensure your value takes precedence even if it's using a different element name.Did it still not work for you when added that declaration back?