[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>


29 Kudos

Comments

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