User CSS (+extensions)
-
Hi all. From my experiments, I found that there's absolutely no way to add custom CSS rules for websites in current Vivaldi version. Adding styles to resources\vivaldi\style\common.css does not apply them to web content, only to browser UI. Styles in resources\vivaldi\user_files need to be applied manually each time you visit the page. All of Chrome's CSS extensions simply don't work: Adding a style in them, appying this style, and browsing CSS attributes of affected item on a page, I found this: [attachment=4170]Capture.PNG[/attachment] Setting modified through extension is ignored and overriden by initial webpage CSS. Is there some way around it, to forcefully apply MY CSS settings instead of webpage's? From my POV, disability to fix some of very annoying web CSS is a serious browser drawback... Like, every other browser can do it, either through local css files or extensions/addons. Vivaldi can't
Attachments: [img]https://forum.vivaldi.net/uploads/attachments/16421/Capture.PNG[/img] -
-
@Gwen-Dragon:
Use the extension Stylish.
That works fine.I tried "Stylish", "User CSS", and "Stylebot".
All of them don't work for me - see attached screenshot from previous post. Custom CSS lines are overridden by initial website's CSS.Though after second try, 'User CSS' did work. Slow as hell though and CSS is applied in process of loading the page. Some kind of disturbing flicker until page finishes loading, Palemoon didn't have this problem
-
In the end, I believe restarting Vivaldi helped fix my problem with css-modifying extensions.
Both Stylish and User CSS work now.
Guess I got too used to other chrome-based browsers which require only closing and re-opening a tab to activate newly installed extensions.
Still, page loads fully before user CSS kicks in and modifies the elements. Maybe that's a limitation of webkit engine
![https://forum.vivaldi.net/uploads/attachments/16421/Capture.PNG[/img]](https://forum.vivaldi.net/uploads/attachments/16421/Capture.PNG%5B/img%5D){kind=link}