[CODE] Change the titles of your interests

Here is the code to change the titles of each interests. So the original is, General, Music, Tv shows, Movies, Heros. You can now change the title to whatever you wish. The boarder color is set to pink. You can make it transparent or change the color using a hex code. 





<p><style>

table, th, td {
  border: 1px solid pink;
     }


:root {
  --topic1: "My kids";
  --topic2: "My man";
  --topic3: "My Animals";
  --topic4: "FOOD";
  --topic5: "Books/Writers";
  --topic6: "music";

 }

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

</style></p>


28 Kudos

Comments

Displaying 4 of 4 comments ( View all | Add Comment )

Sunny

Sunny's profile picture

working code ---> https://blog.spacehey.com/entry?id=1479736


Report Comment

Deaths_Smile

Deaths_Smile's profile picture

Thank you! :D


Report Comment

magdalen rose™️

magdalen rose™️'s profile picture

This is great! Thank you :B


Report Comment

katinatea

katinatea's profile picture

You're wonderful! 🖤🖤


Report Comment