Vivaldi Forum mod
-
I don't know if someone will be able to guide me... I'm stuck with the following mod on the forum.
It works when the avatar contains no picture but doesn't when it does.
I tried by addingimg
,li
,ul
, different classes,z-index
, etc. but couldn't find a solution for this.
Does anyone have a hint?
Thanks in advance./* Line through avatar picture */ a .avatar.avatar-rounded::after /*, a img.avatar.avatar-rounded::before */ { content: ''; width: 100%; border-bottom: 2px solid transparent; top: 0; left: 0; overflow: hidden; position: absolute; height: 0; transition: 0.5s ease-in-out; } a .avatar.avatar-rounded:hover::after /*, a img.avatar.avatar-rounded:hover::before */ { border-bottom: 5px solid red; height: 100%; }
-
@Ornorm That’s a strange thing with
img
@potmeklecbohdan said in Vivaldi Forum mod:~ an hour after giving up I remembered that
img
s can’t have::before
&::after
or what…See also https://stackoverflow.com/a/6949190
-
@potmeklecbohdan Thank you for that!
I just feel betrayed by the god (if any) of CSS...
-
@Ornorm Not totally satisfied with the solution but I ended-up with this (double effect for avatars without
img
) : -
@guigirl Sorry for that feeling...
I did take it from the Online section of the Users page and.... tadaaaaa... who's there? -
@guigirl Your family?
-
@luetage I have a question concerning changing font colors of the "Theme machines".
When I chose a dark version, ie. "Dracula", the font is black and nearly unreadable:
However - the settings don't provide changing of font color although there is a list of 7 color-settings:
How can I change the font color?
-
@Dancer18 Vordergrund ändern. Oh, you mean the black text, that’s simply a bug introduced by a Vivaldi update, you will need to inspect the element with devtools and use CSS to change it. You can input your changes in the Modifikationen tab.
-
@luetage It doesn't work. I insert
body {  color: var(--colorFg) !important; }
that is working while in dev tools inspect, but not live.
Without changing user.css it is
body {  color: black; }
that is obviously wrong as you mentioned. But why doesn't the correction fix it?
-
@Dancer18 Because that’s no correction, the body color is already set by the mod. You gotta inspect the specific element in question.
-
@luetage Sorry I don't understand. If I inspect one of the elements (there are more than 1 element that need to be changed) I see highlighted
id="body"
If I take the actual color #f8f8f2 it would be OK for that theme but not for others, that's why there is
var(--colorFg) !important;
instead of
color: #f8f8f2 !important;
the culprit is
body {  color: black; }
-
How can I make the page full width?
Right now I have a lot of left and right paddingAndy
-
@ch3f You would need to write custom CSS for it. In Vivaldi the main content has a maximum width to keep posts easily readable. The longer lines are, the more likely it is to get lost while reading. Of course that has the downside of leaving unused space, especially on wide screens and high resolution.
-
/* just the main content */ #content, /* or more generic */ .container { width: unset; margin-left: 30px; margin-right: 30px; } #vivaldi-header .row { width: 100%; }
-
@guigirl I had it for some time already
-
@luetage AWESOME! Thank you!
Is it possible to change the alignment of the Categories, Unread etc?nvm..got it done.
-
Just something I noticed by coincidence after updating Vivaldi a few minutes ago (which, sometimes, gives me the basic forum view instead of the customized one...)
I don't know if others have the issue or not but, anyway, if this can be useful to anyone...I noticed that the message in the header of the forum wasn't displayed with my CSS applied.
We will do some maintenance work on the forum on May 6th (09:00-12:00 UTC). During this time there will be some downtime. Thank you for being patient with us.
I just added
/* Forum warning messages box */ .shadow-box3 { display : block !important; }
to fix it.
-
@Ornorm That’s the mod’s doing. I wrote a script to show the header on first run and the possibility to dismiss it afterwards.
-
@luetage Thank you. I didn't know that.
I never saw the message so I thought... ok let's display it because I rarely have a first run on the forum... -
@Ornorm You would see the message every time a new one is posted, I suspect the mod broke with a Vivaldi update. It’s also not a mod you can disable, it runs for everyone.