<!--CUSTOMIZE INTEREST LABELS - PLACE IN GENERAL INTERESTS-->
<style>
:root {
--topic1: "General"; /* EDIT INTEREST LABELS HERE */
--topic2: "Music";
--topic3: "Movies & TV";
--topic4: "Pets";
--topic5: "Food";
--topic6: "Hobbies";
}
.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 darkviolet !important; /* CHANGE COLOR OF INTEREST LABELS HERE */
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);
}
</style>
Comments
Displaying 20 of 41 comments ( View all | Add Comment )
Jscorn
only the person that owns the page can veiw the changes, its just normal for other people.
cherritea
using!!
jackson
using !!
sara:3
using
Zelchixox
using
𝗦tarscream's 𝗚F (WIP)
just what i needed, thanks!!
Rowan
Using!!
KANIK!!
using
cordyceps . canines
USING !!
Mevdik
Thanks a bunch for this guide! Doubt I would have figured it out on my own.
And for anyone who is bothered by the spaced and reversed original labels appearing to the left of the table when you select the text, I tinkered a for bit and found you can add "user-select: none;" to the end of this line, like so:
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px; user-select: none;}
That should solve the issue.
xlncadore
thank you soooo much for this!!!! xoxo
Sophie
if anyone knows how to change the color thingy for the labels plz lmk thatd be awesum..
So, on the third code
(which is this)
.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px darkviolet !important; /* CHANGE COLOR OF INTEREST LABELS HERE */
filter: brightness(95%) !important;
}
TEXT-SHADOW IT SAYS "darkviolet" REPLACE IT WITH WHITE
(Or ofc anycolor you want!)
by AxelSector; ; Report
THANK YOUUU
by Sophie; ; Report
YWW HOPE UR HAVING A GOOD DAY!
by AxelSector; ; Report
sam
usinggg
sleepysweetart
using!!<33
cyberooski
using ^-^
phanroques
youre a life saver!! will be using this :DD
bohdieeee
using! insanely useful tysm
pyrope
using !!!!!! XD thank u soooooooooo much !!!!!!!!
momo/marie
using :D
Casper
using