[HTML] How to add more rows to your interests section

Also thank you !!

by ۶ৎ buni; 1727028465; Report

Hi! I had the same issue!

You are probably entering your new topics just fine as long as its in the "Heroes" part, but what you may be missing is code specific to your layout.

I added the following to my about me section so that the names showed up for the new topic sections :)

 
  table, th, td {
    border: 0px solid;
  }
  :root {
    --topic1: "TOPIC1";
    --topic2: "TOPIC2";
    --topic3: "TOPIC3";
    --topic4: "TOPIC4";
    --topic5: "TOPIC6";
    --topic7: "TOPIC7";
    --topic8: "TOPIC8";
  }
  .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 black !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);
  }
  .table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p::after{
    content: var(--topic7);
  }
  .table-section:not(:last-child) .details-table tr:nth-child(8) td:first-child p::after{
    content: var(--topic8);
  }
  

In this case, I added 2 more topics so now I have 8 topics in total. If you have more than 8, then add for example:

    --topic9: "TOPIC9";

to the

:root

part and

  .table-section:not(:last-child) .details-table tr:nth-child(9) td:first-child p::after{
    content: var(--topic9);
  }

to the bottom. Remember that the part

tr:nth-child

needs to have the number in it too, which is why it says "9" in the example.
The more topics you add, the numbers will increase.

Hope this helps you out!

by Butai; 1725866874; Report

zomg ty ill try it

by just me ⋆⋆⋆⋆; 1727097967; Report

this will prob be a lot but if you have a layout set up, add this ! or if not, you can just change the color of the layout color font (^^) and add the topics you want colored !! i only added the og 6




:root {

--headers: #fc77e3;
--links: #fc77e3;


--topic1: "Artists";
--topic2: "Media";
--topic3: "Games";
--topic4: "Reading";
--topic5: "My Love💗";
--topic6: "synpaths + other";

}
.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: 0 0 7px #fc77e3 !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);
}

by blake ࿐ ࿔*:･ﾟ; 1725509257; Report

Find the code for ‘changing an interest section titles’

by just me ⋆⋆⋆⋆; 1711066126; Report

bit of a late reply here but there might be another code in your profile that's overlapping this one - id recommend going through it and tweaking it as necessary:) that's how i got mine to show up

by gia; 1711595044; Report