[Guide/Code] How to change the labels of the 'interests' table of your profile

In this guide I will show you how to change the labels on the left column of the "interests" table of your profile. ^_^
As per usual, note that all the code has to go inbetween the <style> and </style> tags, and the parts in orange are the ones you have to edit. Please let me know if there are any issues!

/*This piece of code removes the default text:*/
.table-section:nth-of-type(5) .inner .details-table tr:nth-child(row number) td:first-of-type p {
 display: none;
}

/*This piece of code adds the new text:*/
.table-section:nth-of-type(5) .details-table tr:nth-child(row number) td:first-of-type::before {
content: "Insert the text you want here!";
}

The row number you have to put in is the number of the row you want to edit, counting from the top. For example, if we want to edit the "Movies"section (3rd row), we will use the code:

.table-section:nth-of-type(5) .inner .details-table tr:nth-child(3) td:first-of-type p {
  display: none;
}
.table-section:nth-of-type(5) .details-table tr:nth-child(3) td:first-of-type::before {
  content: "Movies and series";
}

The code changes only one label at a time. So if you want to change several labels you just have to copy and paste it more than once ^_^

Note: while you edit your profile on the editing screen you will still see the old labels! But just fill the fields knowing that it's going to show the custom labels on your actual profile once you save :-)