I notice that when I quote you, it changes your colour as well. I just want my posts in different colour and when another user quotes me, i want my quote to be highlighted. Basically I want free web design :)
-
Ever wanted an RSS feed of all your favorite gaming news sites? Go check out our new Gaming Headlines feed! Read more about it here.
user highlighting
- Thread starter sabrina
- Start date
OP
OP
just me, or everyone? If it's just me that's because you still have my name in the CSS. You can delete that part.
So you see when I quote you, the container comes in green as well. I don't want any styling on when I quote other users.
OP
OP
Hmm. I'm not sure. At a guess it has to do with you using a different color for the quote than the post. I'm not seeing this on my end though. Sorry if that doesn't help.
So you see when I quote you, the container comes in green as well. I don't want any styling on when I quote other users.
No problem, you've been very helpful. I think it'll come down to specifying the changes for my username only, if you know what I mean.
Can you provide your current css for this part? Seems like you somehow broke the "[author]"-selector.
I've started from scratch. Basically I want your quote of my post to have a different colour other than my own posts.
I personally would suggest the following if you have problems. Also note... you should really change the colors :D But this would highlight your own posts in green and quotes of you in red.
EDIT: Also be sure to have this after every other declaration of the element. Might be overwritten otherwise. Put it at the bottom, to be sure.
Code:
/* your posts */
[data-author="Liamario"] .messageInfo {
background-color: green;
}
/* quotes of you */
article [data-author="Liamario"] aside .attribution,
article [data-author="Liamario"] aside .quoteContainer {
background-color: transparent;
article [data-author="Liamario"] {
background-color: red;
}EDIT: Also be sure to have this after every other declaration of the element. Might be overwritten otherwise. Put it at the bottom, to be sure.
Last edited:
I had the same issue as you at 1st. My problem was the word code was left in. I removed it and it worked right away after that.
Thanks a lot guys! I hope the staff are adding something like this alongside the official dark theme, would be pretty useful on mobile.
Alright, it wasn't working well for me. My BF (who has coding experience) made these changes, and it works great now without errors:
Code:
li[data-author="Magnus"] {
border-color: #4A3D66 !important;
background-color: #4A3D66 !important;
}
.messageUserBlock.online {
background-color: transparent !important;
}
.messageUserInfo {
background-color: transparent !important;
}
.avatarHolder {
background-color: transparent !important;
}
[itemscope="itemscope"] {
background-color: transparent !important;
}
div[data-author="Magnus"] .quoteContainer {
background-color: transparent !important;
background-color: #4A3D66 !important;
}
div[data-author="Magnus"] .attribution {
background-color: transparent !important;
background-color: #4A3D66 !important;
}
The dark theme seems to be working on Firefox mobile. Dunno about the highlighting.
This works fantastic with the dark theme as SJRB said! Thank you! Here's hoping a feature like this gets added to the main ResetERA code.
P.S.: For anyone trying this specific code, don't forget to take out Magnus and add your own username. I felt like a dummy for a second there when it "wasn't working," whoops.
Anyone know how to change the highlight color of permalinked posts? You'll most likely encounter this by using the "go to quote" button for a post on a different page.
Here's an example:
https://www.resetera.com/threads/user-highlighting.989/#post-42260
Here's an example:
https://www.resetera.com/threads/user-highlighting.989/#post-42260
OP
OP
Code:
.message:target {
background-color: #00FFFF !important;
}
OP
OP
Was it marked !important? If not then it can be overridden by any subsequent CSS instruction, so that'd be my guess.
