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

Haii guys ;P, u may be wondering why i completely revamped the entire blog post and "sucked" a lot of the personality of it.. that's pretty simple

1. the old design was UGLY

2. i thought more toned down instructions would b easier for ppl to read and understand

3. BOREDOM... what else gets a sad lonely teen working then very quietly updating a blog post ;0


anyways i rlly hope this version is easier for human consumption cause i feel like the old one was... to put it nicely ASS. Anyways- yes i promote this under other blogs and layouts saying the old not working code what are you going to do about it? 

-  Sunny


Sept 23 2025!!!

Haii guys, this blog post now has *checks notes* thirty five whole ass kudos!! assuming everyone who viewed this gave one that means 35 people viewed this and if everyone gave two that means 17 and a half people viewed this, wonder how that half person is doing, anyways! i just wanna say thank you so much for all the support on this post!! I'm really glad I've helped so many people and I've been able to have others help me with this code I don't have much more to say than that but i promise to stay active and check this post every so often to keep it up to date and helping others!!! <( ̄︶ ̄)>

-   Sunny 


37 Kudos

Comments

Displaying 17 of 17 comments ( View all | Add 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 Gloomy ₍^. .^₎⟆; ; 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

STEVIE (16+) (eyestrain)

STEVIE (16+) (eyestrain)'s profile picture

tysm


Report Comment



also marie pfp spotted

by STEVIE (16+) (eyestrain); ; Report

NPP!!!!

by Sunny; ; Report

ALSO YES I LOVE SPLATOON OMGG PLZZ ADD ME I NEED MORE SPLATOON FRIENDS

by Sunny; ; Report

leo ‧₊˚♪ 𝄞₊˚⊹

leo ‧₊˚♪ 𝄞₊˚⊹'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

Lucille ✰

Lucille ✰'s profile picture

Thank you for this code it's really helped me! I'm just curious if there is a way to change the font of the new interest title names? Thanks ☺


Report Comment



im assuming you figured out how to do it since looking at ur profile i can see the font is different? can i ask how u did it in case anyone else asks ab it??

by Sunny; ; Report

Hi! I actually never figured it out; I think that the font is different because of one of my other layout codes but idk which one . I can have a look at my code and get back to you if I find anything that would help!!

by Lucille ✰; ; Report

nah its okay- i kinda assumed it just figured itself out lol

by Sunny; ; Report

Cas

Cas's profile picture

i probably just put the code in wrong but why is this also affecting my links section


Report Comment



i'm**

by Cas; ; Report

srry 4 l8 reply!!! i have no clue?? where are you putting the code? i put the code in the css portion of the profile editor- the code shouldn't mess with your links- maybe its messing with another pieces of code in ur css?? sorry i cant rlly help on this

by Sunny; ; Report

azhton

azhton's profile picture

where do i put the styles


Report Comment



okay so this is hard to explain cause you cant really type it out- basically the styles just tell the website to detect its code and not text- so if you look at any layout ever the style bit comes b4 the code-

sorry if this explanation sucks this is like totally rushed

by Sunny; ; Report

093

093's profile picture

omg ur the bestest person ever thank you thank youuuu


Report Comment



tysm!!!

by Sunny; ; Report

maplesoup (clancy) ⚞•⚟

maplesoup (clancy) ⚞•⚟'s profile picture

BRO TY FOR THIS I NEEDED IT!!!! i just had a question abt the like borders/separating lines of the topics, cuz i cant see them (theyre probably just black but i havent been able to change it :<) do u know how to change that?


Report Comment



no sorry- this code only changes the names of titles and the colors of said titles, the borders are something else entirely- i think this https://forum.spacehey.com/reply?id=693061 has the right code BUT i cant check rn cause im lowkey busy so srry :(

by Sunny; ; Report