Sunny's profile picture

Published by

published
updated

Category: Web, HTML, Tech

HOW TO CHANGE INTREST TITLES **WORKING**

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!!


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);
}

 

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);
}

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;
}

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";

}

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;
}


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

11/11/2025

HELLO HELLO HELLOOO!!! this blog (as of typing) curently has abouuuuuut 63? kudos!! (⊙_⊙) that means 63 or 31 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 know more than likely way more people have viewed it and just didnt feel as if i deserved a kudo.... which like rude?? anyways ive seen people ACTUALLY SHARING this blog to others who ask about changing intrest titles?? that like so cool?? i made a difference??? i made people happy??? (;;;*_*) though to be fair a large amount of this promo was prolly from me going under blog pots and people asking how to change titles BUT SUE ME I WANNA HELP PEOPLE... anyways i'm no longer gonna be replying to every single "thank you!" comment because.... i'm lazy?  no but i mostly just wanna make sure i dont fill up the comment section with thank yous instead of like actual helpful info if someone needs it??? anyways as always i will continue to work hard on keeping htis blog updated (checking the kudos, fainting, reading the comments, and then annoying self promo!!) I LOVE YOU ALL SM HAVE A WONDERFUL MORNING/DAY/AFTERNOON/NIGHT/WHATEVER!! ( ° ∀ ° )ノ゙

-Sunny!! 


82 Kudos

Comments

Displaying 20 of 25 comments ( View all | Add Comment )

CAUSE_IDWL_IF I CAN'T BE HONEST

CAUSE_IDWL_IF I CAN'T BE ...'s profile picture

hey! tancks ,but i wanna ask you if can i change the font?


Report Comment



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

NeverrieveR

NeverrieveR's profile picture

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


Report Comment



dont forget the <.style> things (no period ofc)

by NeverrieveR; ; 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 NeverrieveR; ; Report

blue04

blue04's profile picture

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


Report Comment

nyaaahh

nyaaahh's profile picture

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.


Report Comment



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

Eyhaww's profile picture

Thanks! Very useful 🥞 Playing with my page rn


Report Comment

# W1LLI4M

# W1LLI4M's profile picture

THIS IS SOOOO USEFUL, TYSMM !!!


Report Comment

vaudevillechimera

vaudevillechimera's profile picture

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!!


Report Comment



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

zallieee's profile picture

TYSMMMM THIS IS SO HELPFUL!!1


Report Comment

🥀pix.ೃ࿔

🥀pix.ೃ࿔'s profile picture

youre a life saver omg


Report Comment

LEM0N !!

LEM0N !!'s profile picture

Ty for this but for some reason it also changes the links names, I tried everything to fix it but nothing works


Report Comment



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 Bye SpaceHey (for now? :c); ; Report

THANK YOU SO MUCH!!! i'll add this in an edit of the tutorial!!! (*≧ω≦*)

by Sunny; ; Report

Cinnabar Moth

Cinnabar Moth's profile picture

Thank you!


Report Comment

<3 darling !

<3 darling !'s profile picture

TYSM <33


Report Comment



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

Red / Crow's profile picture

omg this actually works ty!!


Report Comment



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

chaos_kittyy's profile picture

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 ;-;


Report Comment



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

leone ☆ [autoplay]

leone ☆ [autoplay]'s profile picture

thank you your cool


Report Comment



np!!

by Sunny; ; Report

Hallen

Hallen's profile picture

Thank you so much! I really needed to personalize that part <3


Report Comment



np!!! im glad u found this helpful :p

by Sunny; ; Report

Detective

Detective's profile picture

it worked ur my hero omggg thanku thanku thanku


Report Comment



np!! im glad it worked!!

by Sunny; ; Report

yhan !!

yhan !!'s profile picture

i actually love you sm/p for doing this !! thamk you sososooo much ahhhhh


Report Comment



NP!!! im happy it was able to help you!!

by Sunny; ; Report

𓆩♡𓆪 isobel 𓆩♡𓆪

𓆩♡𓆪 isobel 𓆩♡𓆪's profile picture

TYSM FOR THISSSSB \(◡̈ )/︎ i think it's a problem w my layout but the titles show up white instead of black ? do u have any pointers to fix this o(╥﹏╥) todally ok if not,, this is the only thiing thats workd for me so far !!!!


Report Comment



i have no clue on why that is white lol- i think it may be something with ur code, you may have to go to ur root and find the color the rest of the code uses?? (assuming you stole it from someone) but otherwise i have no idea how to help im so sorry :(

by Sunny; ; Report

Connor

Connor's profile picture

im not sure if its my layout but this isnt working, i could be doing it wrong?


Report Comment



OH CRAP NVM I FORGOT THE STYLE TAGS THE ONE THING I HAD TO REMEMBER GRGIFKFFH SORRY THROW TOMATOES AT ME PUT ME IN THE STOCKS IM A FOOL

by Connor; ; Report

HELP ITS OKAY!!!! A LOT OF PEOPLE HAVE MADE MISTAKES AB IT

by Sunny; ; Report