Report Blog Entry
Edits and notes at bottom of blog!!
HAIII!! so ur probably here after trying code that ONLY changes the names for you, this code dosent do this!! it changes for everyone, on pc or mobile, (u can check to see it working on my profile), i spent awhile searching for it so i hope you enjoy??
im just gonna make this super simple (hopefully...) but below in the drop down is the code!! and below the code will be me explaining some things about it!!
EDIT: after reciving numerous comments saying that the code was not working for their profiles ive added a second code that has worked for another commenter!! if the first set of code does not work please try the second set of code!!
ALSO PLEASE REMEBER TO ADD <.style> (remove period ofc) BEFORE THE CODE!! IT WILL NOT WORK OTHERWISE!!!
BLACK TEXT!!!
.details-table td:first-child{color:rgb(0, 0, 0);
}
.table, th, td {
border: 0px solid;
}
:root {
--topic1: "name one";
--topic2: "name two";
--topic3: "name three";
--topic4: "name four";
--topic5: "name five";
--topic6: "name six";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:white !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}
.details-table tr:nth-child(1) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(1) td:first-child::after {
content: var(--topic1);
}
.details-table tr:nth-child(2) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(2) td:first-child::after {
content: var(--topic2);
}
.details-table tr:nth-child(3) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(3) td:first-child::after {
content: var(--topic3);
}
.details-table tr:nth-child(4) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(4) td:first-child::after {
content: var(--topic4);
}
.details-table tr:nth-child(5) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(5) td:first-child::after {
content: var(--topic5);
}
.details-table tr:nth-child(6) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(6) td:first-child::after {
content: var(--topic6);
}
alt code here VVV
table, th, td {
border: 0px solid;
}
:root {
--topic1: "your custom name here";
--topic2: "your custom name here";
--topic3: "your custom name here";
--topic4: "your custom name here";
--topic5: "your custom name here";
--topic6: "your custom name here";
}
.table-section:not(:last-child)
.details-table tr td:first-child p{color:transparent
!important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
WARNING!! i'm not a coder AT ALL. i figured this code out by sheer luck and lots of googling!! so a lot of my advice may be wrong or idk bad???
How do i change the color of my text?
vv go to the code and find this vv
.details-table td:first-child{
color:rgb(0, 0, 0);
}
color:rgb(0, 0, 0);
}
simply replace the rgb with the color you want, you can also change the rgb out with a dex code- if you do that it'll look like this VV
.details-table td:first-child{
color: #ffffff;
}
color: #ffffff;
}
How do i change the names??
go to the root VV
:root {
--topic1: "name one";
--topic2: "name two";
--topic3: "name three";
--topic4: "name four";
--topic5: "name five";
--topic6: "name six";
}
--topic1: "name one";
--topic2: "name two";
--topic3: "name three";
--topic4: "name four";
--topic5: "name five";
--topic6: "name six";
}
simply change the name KEEP THE QUOTATION MARKS!! anyways i labeled them so you know which is which!!
VVV IF THE CODE IS CHANGING THE LINKS NAME USE THIS CODE VVV
.table-section+.table-section .details-table tr:nth-child(n) td:first-child p:first-child {
display: contents;
}
.table-section+.table-section .details-table tr:nth-child(n) td:first-child::after {
content: none;
}
display: contents;
}
.table-section+.table-section .details-table tr:nth-child(n) td:first-child::after {
content: none;
}
How do I-
alr bud- calm down idk anything after this... so just start trying stuff and pray to wtv god that'll work!! D;
EDITS N' NOTES
1/24/2026HELLO HELLO HELLOOO!!! this blog (as of typing) curently has abouuuuuut 99? WHOLE ASS KUDOS?1!?1/1/!?1?!?1?1/1/!?1?1?! (⊙_⊙) that means 99 or 49 and a half people , thoughts n prayers to the half person, have viewed this blog and liked it enough to give me a kudo OR EVEN TWO!! ヽ(o＾▽＾o)ノ i wanna bring in the new year by saying thank you so much to all the people that share this blog post to other ppl who need help!! you deserve the world i swear!! ( ´ ∀ `)ノ～ ♡ anyways i just wanna say uhm YIPPEE almost to 100 kudos!! ive also noticied an uptick in ppl saying that the code isn't working for them?? there appears to be two diff sets of code that both work??? ヾ( ￣O￣)ツ if anyone knows whats going on pls hmu and tell me cause im rlly curious!! anywyas as always thank you so much for reading have a WONDERFUL day/night/afternoon/wtv else and i'll catch ya on the flip side (⌒ω⌒)ﾉ
-Sunny!!
Comments
Displaying 20 of 29 comments ( View all | Add Comment )
- ,,muttmix🦴
this doesnt work(for me at least) only the code shows up and nothing changes(･o･;)
꩜ ᴄʜᴀʀʟɪᴇ ~🪲
YOU ARE A LIFE SAVER
NO PROBLEM!!! (￣▽￣)ノ
by Sunny; ; Report
Cado
The first code work for me but instead of using the ".details-table td:first-child color:rgb(0, 0, 0);" to change color. I just change the shadow color in my ":root{}" to my text color
Something like this:
:root{
--text: #e5d3b3;
--links: rgb(48, 25, 52);
--shift: rgb(48, 25, 52);
--borders: rgba(48, 25, 52);
--background: #e5d3b3;
--shadow: #e5d3b3;
}
Castiel'sAngelBlade
Heyo!! Do you know where the other code is? The first one does not work, it only shows for me. :<
Love your profile, by the way!! Super coolio!! :3
Edit: I can't get any of it to work, I've done the <.style> (without the period and stuff) and STILL it won't work!! Yet, I looked at the other profiles and theirs works??? eeueueuegghhh
by Castiel'sAngelBlade; ; Report
Hii both codes are under the drop down menu <(￣︶￣)> (theyre seperated by some text, i'll edit it to make it more visible) i think the code just dosent work on some profiles??? (＞﹏＜) or maybe theres a secret third code??? idk, but i'm sorry i cant do too much for you but if you find anything please tell me so i can spread the word!!! （；￣︶￣）
by Sunny; ; Report
Its okay!! No pressure!! I'll let you know once I try it, thank you for keeping us updated and trying to fix it, its okay if you cant!!
by Castiel'sAngelBlade; ; Report
jade
i tried doing this and for some reason it just doesn’t work…,,,. idk if i did something wrong but i pasted the code in the html thing and it just didn’t do anything,,, i even added the new names to all of them but nothing changed
did you add <.style> (remove period) before the code?? (＠_＠)
by Sunny; ; Report
Im having the same issue, i put the code in once without the style and then again with it, but it just does not seem to work for me
by Soriyah ⋆──⃝─⃝⃝⃝⃝──⋆; ; Report
yeah i tried that and it just didn’t do anything <\3
by jade; ; Report
sorry again for the late reply!! o(〒﹏〒)o, i added a new set of code another commenter used since the code wasn't working for them? there appears to be two different codes that both work to change interest titles ┐(￣ヘ￣;)┌... this new code should work for you!!! please tell me if it doesn't i still want people to be able to change their interest titles (cause the preset ones suck bawls lowkey) ( `ε´ )... ANYWAYS PLEASE KEEP ME INFORMED IF THE NEW CODE WORKED!!!
by Sunny; ; Report
CAUSE_IDWL_IF I CAN'T BE HONEST
hey! tancks ,but i wanna ask you if can i change the font?
im pretty sure you can! i think the code is pretty common to search around, i'd find it for you but ive been suuuper busy w/ school o(〒﹏〒)o ... if you find code that works please send it to me and i'll edit the tutorial!!
by Sunny; ; Report
.Never.rieveR.
this wouldnt work for me no matter how hard i tried sigghhh. i found a different code and it words and everyone can see it (I tested :^))
HERE VV
table, th, td {
border: 0px solid;
}
:root {
--topic1: "your custom name here";
--topic2: "your custom name here";
--topic3: "your custom name here";
--topic4: "your custom name here";
--topic5: "your custom name here";
--topic6: "your custom name here";
}
.table-section:not(:last-child)
.details-table tr td:first-child p{color:transparent
!important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
unless im wrong and this doesnt work, then im sorry lolol
dont forget the <.style> things (no period ofc)
by .Never.rieveR.; ; Report
omg thank you so much for this!! ill edit this and add it into the main tutorial!! ヽ(*⌒▽⌒*)ﾉ im wondering if different codes on peoples profiles can mess with the way the other codes function?? ┐(￣ヘ￣;)┌ but i'll add it in either way for ease of access!!
by Sunny; ; Report
i think it could be something like that !!
im not very good at coding nor do i know a lot about why certain problems happen, but my best guess is this coding layout matched with the way the rest of my profiles coding is laid out, so thats why things work for some ppl n not others ?? i genuinely have no idea, like i said thats just my best guess.
by .Never.rieveR.; ; Report
it does not work!!!
by Castiel'sAngelBlade; ; Report
did you add the style tags ??
by .Never.rieveR.; ; Report
blue04
using!! thank you so much! took a while for my slow ass to realize its supposed to go in the who id like to meet section
nyaaahh
where do i put this? ik ure supossed to put this in root but in what way? cuz it doesnt work, i tied to delte the root, just paste it, and other stuff but it never worked? am i stupid
like am i supossed to put all the code with root under the colors? i mean original colors i didnt use the code for colors u added.
okay so all the code will go where the rest of your code is!! so your about me or your specific css box or just where ever you got the rest of your code DO NOT FORGET TO ADD "" before all of the code!!
the root portion just needs to be edited so find the root in the code and change the names, you can use ctrl + F to find it if your having troubles
the entire chunk of code is given to you all together under the drop box! you dont need to do any editing besides from changing the names and maybe the color if you choose too, sorry if its structured weirdly but i hope i cleared some thingsd up!!! (*•̀ᴗ•́*)و
by Sunny; ; Report
okay so the comment liked blurred out but dont forget to add <.style> (remove the period bruh) before your code because without it the code will not work!! ＼(º □ º l|l)/
by Sunny; ; Report
ughhhghghh i cant get it to work but thank you so much anyway :P
by nyaaahh; ; Report
Eyhaww
Thanks! Very useful 🥞 Playing with my page rn
# W1LLI4M
THIS IS SOOOO USEFUL, TYSMM !!!
vaudevillechimera
TYSM!!!! I'VE BEEN DRIVING MYSELF CRAZY FOR THE PAST FEW HOURS TRYING TO MAKE MY CODE COMPATIBLE WITH MY LAYOUT'S EFFECTS. THIS IS THE ONLY ONE THAT WORK. USING, BIG KUDOS TO U!!
np!! i think out of all other tutorials this is the only one working because all the other ones is missing a literal CHUNK of the code lmfaoo- anyways i loove ur profile it kinda reminds me of mine ＼(￣▽￣)／
by Sunny; ; Report
zallieee
TYSMMMM THIS IS SO HELPFUL!!1
💐 pix.ೃ࿔
youre a life saver omg
LEM0N !!
Ty for this but for some reason it also changes the links names, I tried everything to fix it but nothing works
im so sorry its changing ur links, im also so sorry i have absolutely no idea on how to fix that- if you ever figure it out please tell me so i can help others!!!
by Sunny; ; Report
I've found out how to fix this!
.table-section+.table-section .details-table tr:nth-child(n) td:first-child p:first-child {
display: contents;
}
.table-section+.table-section .details-table tr:nth-child(n) td:first-child::after {
content: none;
}
by kindacantusethis; ; Report
THANK YOU SO MUCH!!! i'll add this in an edit of the tutorial!!! (*≧ω≦*)
by Sunny; ; Report
Cinnabar Moth
Thank you!
<3 darling !
TYSM <33
NO PROBLEM!! also i luv ur pfp sm i love the work vivinos did for the dress up darling intro!!
by Sunny; ; Report
THANK UUU i love it too !!!
by <3 darling !; ; Report
Red / Crow
omg this actually works ty!!
NP!!! i remeber literally jumping up and down when i figured out the code so i had to share it!! im rlly glad it helped
by Sunny; ; Report
chaos_kittyy
im still a newb to this whole coding thing- where am i supposed to put these styles ? i cannot get this to work for the life of me ;-;
its no problem!! so so sorry for the late reply (i've been off spacehey cause i forgot it existed ngl)- but anywyas for all coding you'll have to put <.style> (remove the period!!) before the code!! (when pasting from templates it'll already have it- but since i cant upload templates right now... you have to add them on ur own sadly) really hope this helps again so sorry for the late reply
by Sunny; ; Report
Hallen
Thank you so much! I really needed to personalize that part <3
np!!! im glad u found this helpful :p
by Sunny; ; Report