Overriding CSS

hhmacedo

Hi everyone, I'm needing some help like CSS101. I'm used to change some websites I'm used to visit using the Firefox browser but I don't know how to do it using Vivaldi and I don't want to use an extension, so I went to C:\Users[USER]\AppData\Local\Vivaldi\Application[VERSION]\resources\vivaldi\style and changed the common.css putting something basic just to test

@-moz-document domain(www.google.com) {
    #lga {
        display:none !important;
    }
}

But nothing happens. What am I missing?

Hadden89

@hhmacedo said in Overriding CSS:

-moz-document

It seems that -moz-document is changed.
However it can be used only on gecko.

On blink/chromium an addon (like stylus) or a userscript should be used to skin a site.
The common.css in style folder only affect the CSS of the Vivaldi browser user interface.

luetage

@hhmacedo Never edit common.css. Anyway, editing this file will have influence on the UI, but not on a website. If you want to make a simple userscript you should save your code as file with the ending user.js and drop the file on the extensions page.

hhmacedo

@Hadden89 said in Overriding CSS:

It seems that -moz-document is changed.
However it can be used only on gecko.

On blink/chromium an addon (like stylus) or a userscript should be used to skin a site.
The common.css in style folder only affect the CSS of the Vivaldi browser user interface.

Thank you, I removed the -moz-document, this was my CSS from Firefox.

@luetage said in Overriding CSS:

@hhmacedo Never edit common.css. Anyway, editing this file will have influence on the UI, but not on a website. If you want to make a simple userscript you should save your code as file with the ending user.js and drop the file on the extensions page.

Thank you for your explanation. I changed the common.css because I was trying to make it work, but I found that I should create a CSS file and put on user_files folder. The only bad thing is that I can't choose specific domains, but it's ok, at least I won't need any extension.

luetage

@hhmacedo A userscript isn't an extension and doesn't use as much resources. A page action instead can't really be recommended, unless you only activate it on the domain you need it on. Still, the userscript is the cleaner solution. I'm running several myself.