help! i tried changing the interests titles, but it only shows for me and nobody else?

Try replacing this





with this.

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

hi i'm new to spacehey and kinda bad at html, but i'm also having the same problem where other ppl can't see my edited interests table. i tried pasting in sudofry's code, but that only made the text disappear completely.

if u don't mind, can you show me the full code that you are using for your interest table, because your custom interests seem to be working well.

thanks!

-> to Zaltzie

> im pretty sure this is the right part of the code i use:

.details-table td:first-child{
color:rgb(246, 211, 147);
}

.table, th, td {

  border: 0px solid;
     }

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

> you also need to add the topics into the root, mine looks like this:

:root {
  --logo-blue:rgba(0,0,0,0.4);
  --darker-blue:white;
  --lighter-blue:rgba(0,0,0,0.4);
  --even-lighter-blue:rgba(0,0,0,0.0);
  --lightest-blue:rgb(0,0,0,0.0);
  --dark-orange:rgb(246, 211, 147);
  --light-orange:rgba(0,0,0,0.0);
  --even-lighter-orange:rgba(0,0,0,0.0);
  --green:rgb(246, 211, 147);
  --topic1: "random things i like";
  --topic2: "music taste";
  --topic3: "visual media";
  --topic4: "books and comics";
  --topic5: "games";
  --topic6: "(main) kinlist";

}

> you can swap out the topic titles, text settings, sizes and colours however you want! i havent really done any coding for a few months so if theres something i missed i apologise! (text is italics to easily separate from the code)

omg tysm! it works now - not really sure how it works though (or why it wasn't working in the first place) but ig that doesn't matter lmao

Thank u so much for sharing! But mine still didn't work... does anyone have code I can use :(((