Topic changer

Tags: topic, change, interests

Description:

If you don't like the pre-made topics on your page you can use this bit of code to change them! Added comments everywhere for convenience. Message me if something isn't working or you're having troubles, I'll help! You can add me or comment if using, but no credit needed!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by  (https://layouts.spacehey.com/layout?id=34798) -->

<style>
/* names of topics, change # */
 :root {
  --topic1: "#";
  --topic2: "#";
  --topic3: "#";
  --topic4: "#";
  --topic5: "#";
  --topic6: "#";
}
/* makes original text transparent and moves it off the box */
 .table-section:not(:last-child) .details-table tr td:first-child p {
  color: transparent !important;
  text-shadow: none !important;
  letter-spacing: -100px;
}
/* replaces first topic */
 .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after {
  content: var(--topic1);
}
/* replaces second topic */
 .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after {
  content: var(--topic2);
}
/* replaces third topic */
 .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after {
  content: var(--topic3);
}
/* replaces forth topic */
 .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after {
  content: var(--topic4);
}
/* replaces fifth topic */
 .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after {
  content: var(--topic5);
}
/* replaces sixth topic */
 .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after {
  content: var(--topic6);
}
/* color of text, replace red */
 .details-table tr td:first-child p::after {
  color: red !important;
  letter-spacing: normal !important;
}
</style>

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 3 of 3 comments ( View all | Add Comment )

AD⦻RKABL3 !!!<33

1709782283

Hi, does anyone know why some ppl can see this on my profile but others see the "deafult" labels? I'm using this one and it works for me, but if I log out to view my profile it's shown as the deafult tags, I discovered this problem when my BFF told me she couldn't see the changes to those tags on my profile. I tried using other codes but the same thing happens t.t but ty for the code, at least it works for me and that makes me happy :3

Report Comment

I honestly think it's more of a problem with my account than a problem with the code; cuz my BFF can use this type of code perfectly. But i even tried to use ONLY this type of code to see if there was a problem with another one, but the problem continues t.t but tysm!!

by AD⦻RKABL3 !!!<33; 1710201335; Report

nepeta/solaris

1702723586

:33 < using!!!!!!!!!!

Report Comment

LEXTER<?>

1689218511

Tysmm, using <3

Report Comment