@7twenty - Thanks for the reply. Since I'm on W7 and the V team seems to be programming V for W10 and up, I might just have to live with what they're doing. Upgrading to W10/11 is overkill for my V browser needs, not to mention being installed on an old hardware computer. Although, I might check the potential for making a custom.css, since that seems to be possible, at least in older V versions from what I've read. Modifications to Vivaldi are not officially supported https://forum.vivaldi.net/category/52/modifications

@bmuse The separators are spans with a separate class: 016a14aa-d443-44c9-a70b-e71d5f70613f-image.png They are also positioned absolute (for some reason) and use border-left so you'll need to use margin, not padding. The buttons use flex with a gap of 6px, you'll need to set that as well to cram everything as close as possible. 3677de25-233d-4b0c-b2dd-5890d90b9835-image.png .bookmark-bar button .separator { margin: 0 10px; position: relative; } .bookmark-bar button { padding: 0; gap: 0; }

Thanks for the quick clarification, (confirming my fears). 🙂

@nomadic oh great! 😲. i'm goin to mess around a little with CSS tabbar customization then 😁 . My tabbar is in right position vertical way. i toggle it with a custom hotkey, with thumbnails appearing when hovering 👽 EDIT: I'm currently searching for the specific CSS to enlarge tabbar thumbnails, but if you already know it, would be so much better 😋 EDIT2: Found a code that enlarges the thumbnail .thumbnail-image { width:880px; height:720px; } But now i need to relocate and adjust the size of the "container" 😁 9f0f4c63-48a1-40fb-aa22-bbf2a24f7168-image.png

@texbates The button is an SVG, so it is a bit harder to style exactly how you want it. You could approximate the look you are going for with something like this: .toolbar-tabbar .newtab > button svg { transform: scale(2); fill: #333; } The border-radius would be slightly off and the scale factor might need tweaking, but it is a starting place. The other option is to replace the path of the SVG with a plain "+" symbol and then style the background of the container that holds the SVG to have the parameters you want. I could help with that if you want, but I would need your other tab bar CSS mods to make sure everything was lining up correctly.

The new snapshot 2482.13 breaks this mod. I pushed an update and it should be fine now.

@luetage Ok, thanks. I will see

@nomadic The point is as soon as you are setting a width property, it cannot work anymore. It needs to be a percentage of the maximum the address field takes naturally. I don’t see a way to do this with the current setup.

The default being Vivaldi adds the following CSS directly onto all links upon click: outline-width: 0px !important; user-select: auto !important is bad. This is unexpected and inconsistent from all other browsers. It's impossible for a website to override this. This means a website's CSS is treated slightly differently here than any other browser. Please please stay consistent by default. There is value in allowing user-select: none; on anchor texts, it can improve the user experience. There is even more value in staying consistent with other browsers and web standards. And a browser changing how CSS works is a very slippery precedent to set. I understand the intended value is to give users more control over their browsing experience, but the value of this feature is arguably minor, and the negative factor being the inconsistency and standards issues mentioned above is much worse than the positives this feature brings by being a default. I'd strongly propose that Allow Text Selection in Links be disabled by default. Let's not go back to a time where websites have to expect differences between browsers.

Hi, sorry for the delay, I only just got a chance to test this. Option 2 isn't doing anything; I still have the hover effect on mouseover.

@elesands thank you very much! 😁 d7ce937b-3d40-4268-9eaf-7aa8cacb184f-image.png

@Ornorm Did you? Laughing... but no ⬇ update icons in content where the icon was displayed as weird text. ✅ resize customized panel icons ✅ db2d2a9d-3b57-4abd-b181-11b88dd6e39d-image.png change headers to fit content due to new default padding... ✅ 4b352883-faea-4c64-9e9d-2628e22b5c9e-image.png add background color for hovered items and make background more transparent ✅ Panel_3.8.gif going to sleep... ❌ Sleep

@Pathduck Solved! Thank you!

Stacking tabs broke this style. 😞

Updated "Other notes" section to include a tweak for running this with Opera GX Theme.

@Darthagnon Good 🙂 Yes, the top and bottom controls positioning of elements and is not a way to create borders. https://www.w3.org/TR/CSS21/visuren.html#position-props z-index controls layering of elements, if you want overlapping. https://www.w3.org/TR/css-position-3/#layered-presentation Once you start moving the #main element it could potentially show whatever is behind it, for instance on the bottom edge. Glad you fixed it 👍

@jstlk4smth I'm not a programmer, but I've got an acute feeling that this is probably an amazing job! Thank you so much. Your "changed(2)" codes, together with some other mods, are used for my Vivaldi UI, which now looks as follows (minimize button hovered): my_ui_final.jpg By pure guesswork on my own, the codes are modified to display a red background for the CLOSE button. It's noticed that the width of the CLOSE button in the maximized window is always 5px narrower than whatever the width value is set in the codes. But that's quite all right for me. Width is normal in a shrinked window, though. To keep the dragging function of the header, the min-height property of the header is set to 1px. Thank you again. In order to move down the Vivaldi button and the window control buttons to the Address bar, one may wonder why I don't just select "Vivaldi Button" from the Settings. I can't because of a mod I use to place the Tab bar below the Bookmark bar. See https://forum.vivaldi.net/post/507175 That mod is intened to do the job when horizontal menu is used. If I select "Vivaldi Button", although the horizontal menu will disappear as expected, the Vivaldi button and the widow control buttons will remain on the still exsistent header (I mean the Menu bar)... above the Address bar. That's no good. I'm really glad that your mod solves the problem. By the way, there is another mod that moves the Tab bar below the Address bar to which it also moves both the Vivaldi button and the window control buttons. See https://forum.vivaldi.net/post/490714 But that mod has a drawback:"No pop-up from the Address bar can appear." For instance, when you click the Vivaldi 5.0 Download button or the "hide extension" toggle, nothing happens. So I don't use that mod.

With the enhancement, you can see who is operating the site. I like that.

@BoneTone indeed on firefox i use stylus its time to do it on vivaldi too!