Change Interest Table Names

Tags: html

Description:

Used this code to change "books" & "heroes" to any name, cause I don't read much of books and I don't have heroes. You can change any other title on the Interest Table but you CAN'T make another row/collum using this code.

Preview:

Layout Screenshot
click on the image for a larger preview

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

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

iPodsRlifeXOXO

iPodsRlifeXOXO's profile picture

TY!! USING


Report Comment

Discuit

Discuit's profile picture

Using!!!


Report Comment

♡ NAUMAI

♡ NAUMAI's profile picture

hey I don't know what I'm doing wrong but I'm doing the thing and its not showing up with anything? I tried not deleted the ' " ' and did it but it still didn't work


Report Comment



I'm having the same issue. Have you figured out the problem yet?

by NYX; ; Report

Hey so I did find out how to do it properly!

Copy this code and put it wherever you want,





:root {
--topic1: "Custom Name Here";
--topic2: "Custom Name Here";
--topic3: " Custom Name Here";
--topic4: "Custom Name Here";
--topic5: "Custom Name Here";
--topic6: "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 white !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);
}




You can copy the " --topic(NUMBER FOR EG): "Custom Name Here";" and replace what I put in brackets to the next number after the very last one. For example, it would be 7. So it would look like this " --topic7: "Custom Name Here";"


You can do the same thing with the "}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);" But change the number to the next number of the previous code (if that makes sense to you)

hope this helps :3

by ♡ NAUMAI; ; Report

Scotch

Scotch's profile picture

using!


Report Comment

Sidgirl5

Sidgirl5's profile picture

using! Btw does anybody know how to remove the shadow/black part on the text or is that just a me thing? Sorry I don't know anything about HTML or CSS :c


Report Comment



hihi! if you mean the black coloring, the first step is to find this code:

"color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;"

there you can change the part that says "black" to any color/hex code you want!

by Kenny !; ; Report

tysm for the help!

by Sidgirl5; ; Report

goriess

goriess's profile picture

using!!!


Report Comment

Ant

Ant's profile picture

using!


Report Comment

Lawrence555

Lawrence555's profile picture

using


Report Comment

誰か?

誰か?'s profile picture

using, thanks so much for sharing!!


Report Comment

nena nana

nena nana's profile picture

usinggg


Report Comment

lian ʚɞ

lian ʚɞ's profile picture

using!!


Report Comment

alex

alex's profile picture

USINGG!! :33


Report Comment

★★★lolo★★★

★★★lolo★★★'s profile picture

usandoo


Report Comment

pmasonl

pmasonl's profile picture

omgosh thank you this is awesome


Report Comment

Klahamybeloved

Klahamybeloved's profile picture

USSIIINNNGG!!


Report Comment

L☆mon

L☆mon's profile picture

Using!


Report Comment

nena nana

nena nana's profile picture

using


Report Comment

Cherry (^_^ zzzzz)

Cherry (^_^ zzzzz)'s profile picture

Using :D


Report Comment

🪶JAMIE🪶

🪶JAMIE🪶's profile picture

using!! omg you're my hero tysm


Report Comment

Insomniac ⁠˘⁠ ⁠o⁠ ⁠˘ 

Insomniac ⁠˘⁠ ⁠o⁠ ⁠˘ 's profile picture

You saved my ass thank you so much bro


Report Comment