Frontend Development

Custom CSS to change Rep and Years of Service

Submitted by Demon, , Thread ID: 82955

Thread Closed
04-04-2018, 01:23 AM
This post was last modified: 04-04-2018, 01:27 AM by Demon
#1
It's really quite simple but I assume a lot of people are unaware of how to do it.

First, you need to be upgraded to at least prime
Go here:https://nulledbb.com/usercp.php?action=customcss&subaction=add
paste the following;

Code:
.postbit-tag {
color: #FFCF00;
}
.reputation_positive {
color: #FFCF00;
}

You can use this to change the hex codes to the color that suits
Or you can use this to find the exact colour of your ub / ava

Not going to put this in a spoiler, its a fix until its decided whether or not it will be added as a feature.
Also be aware this will change all rep / yos tags to that colour, as theres no way to differentiate your own profile as far as I'm aware.

RE: Custom CSS to change Rep and Years of Service

#2
Thanks for this!
Never knew this was a feature in this forum. Will be using it in the future Smile
"It never hurts to keep looking for sunshine" - A. A. Milne

RE: Custom CSS to change Rep and Years of Service

#3
Instead of installing a plugin you can use the dev tools your browser offers.
Click on something that has a color css property, click on the colored box and it'll give a color picker, clicking on something in your browser will insert the hex, you can copy it from there.

Image for reference:
https://my.mixtape.moe/irfrvf.png
[Image: InZ3hGx.png]

RE: Custom CSS to change Rep and Years of Service

#4
06-04-2018, 11:38 PM
Faded Wrote:
Instead of installing a plugin you can use the dev tools your browser offers.
Click on something that has a color css property, click on the colored box and it'll give a color picker, clicking on something in your browser will insert the hex, you can copy it from there.

Image for reference:
https://my.mixtape.moe/irfrvf.png

Also to add onto that, for people who find this thread: If you want to change more things, right click on an element you'd like to change the colour for, and look for the thing inside of class="XYZ", copy that into the same format as:
.XYZ {
color: #00000;
}

-- TBH got kind of excited thinking this would change your profile for everyone, though after a few seconds of thought that might cause something more than just a little havoc on a forum
"It never hurts to keep looking for sunshine" - A. A. Milne

RE: Custom CSS to change Rep and Years of Service

#5
06-04-2018, 11:44 PM
MrFortnite Wrote:
Also to add onto that, for people who find this thread: If you want to change more things, right click on an element you'd like to change the colour for, and look for the thing inside of class="XYZ", copy that into the same format as:
.XYZ {
color: #00000;
}

-- TBH got kind of excited thinking this would change your profile for everyone, though after a few seconds of thought that might cause something more than just a little havoc on a forum

Yes.. that is how CSS works.
https://en.wikipedia.org/wiki/Cascading_Style_Sheets

Also the CSS engine is all client sided as in, only you see it.
[Image: InZ3hGx.png]

RE: Custom CSS to change Rep and Years of Service

#6
06-04-2018, 11:48 PM
Faded Wrote:
Yes.. that is how CSS works.
https://en.wikipedia.org/wiki/Cascading_Style_Sheets

Also the CSS engine is all client sided as in, only you see it.

Yeah, I know that much, just saying for anyone who stumbles across this thread.
They can edit things for themselves, just didn't know that this forum had things like that.
For me, personally, changing the color of pretty much all information under a user's profile picture to white instead of grey helps me see what's going on better, just a personal thing.
"It never hurts to keep looking for sunshine" - A. A. Milne

RE: Custom CSS to change Rep and Years of Service

OP
This post was last modified: 09-04-2018, 02:45 AM by Demon
#7
06-04-2018, 11:38 PM
Faded Wrote:
Instead of installing a plugin you can use the dev tools your browser offers.
Click on something that has a color css property, click on the colored box and it'll give a color picker, clicking on something in your browser will insert the hex, you can copy it from there.

Image for reference:
https://my.mixtape.moe/irfrvf.png

OCE chrome must be retarded, either that or I am.
I can not find the Hex section in the dev tools

Edit: Nvm I remember where it was and why I didn't include this, it doesn't allow you to pull the colour from images as far as I'm aware.

RE: Custom CSS to change Rep and Years of Service

#8
09-04-2018, 02:43 AM
Akira Wrote:
OCE chrome must be retarded, either that or I am.
I can not find the Hex section in the dev tools

Edit: Nvm I remember where it was and why I didn't include this, it doesn't allow you to pull the colour from images as far as I'm aware.

You can.
https://my.mixtape.moe/iyoemn.mp4

Sadly the colorpicker doesn't show up properly on ShareX though.
[Image: InZ3hGx.png]

RE: Custom CSS to change Rep and Years of Service

OP
This post was last modified: 09-04-2018, 11:00 PM by Demon
#9
09-04-2018, 01:39 PM
Faded Wrote:
You can.
https://my.mixtape.moe/iyoemn.mp4

Sadly the colorpicker doesn't show up properly on ShareX though.

Oh it does too, well I learned today.

09-04-2018, 01:39 PM
Faded Wrote:
You can.
https://my.mixtape.moe/iyoemn.mp4

Sadly the colorpicker doesn't show up properly on ShareX though.

Oh it does too, well I learned today.

RE: Custom CSS to change Rep and Years of Service

#10
Thanks, i will be using it in the future

Users browsing this thread: 4 Guest(s)