tea's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Changing Interest Table Titles [TUTORIAL]

Hello! Here is a quick brief tutorial on how to customize the titles in your interest table located on your profile!


You can put whatever text you want in the sections. If you want to eliminate a category you will simply leave it blank but it will not get rid of the box completely it will still remain there. 
The coding will be listed below
replace the texts listed "name" with the desired title. 

<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "name";
  --topic2: "name";
  --topic3: "name";
  --topic4: "name";
  --topic5: "name";
  --topic6: "name";

 }

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

</style>


--------------
simply copy and paste this into your "about me" section of your profile! 
Hope this helped, if you have any questions don't be afraid to ask in the comments I am active daily!


130 Kudos

Comments

Displaying 20 of 38 comments ( View all | Add Comment )

LiU XwX

LiU XwX's profile picture

using !! thank yous ^_^


Report Comment

Traumarchive

Traumarchive's profile picture

USINGGG


Report Comment

featherfae

featherfae's profile picture

yooooo this is sick!! thanx!!!!


Report Comment

Jeremías

Jeremías's profile picture

Usando. Eres nuestro salvador por compartir esto.


Report Comment

Sunny Dee

Sunny Dee's profile picture

thank you this is so helpful


Report Comment

Sekiron

Sekiron's profile picture

GOD BLESS


Report Comment

opal >_<

opal >_<'s profile picture

THANK YOUUUU


Report Comment

zyu ⋆˚🐾˖°

zyu ⋆˚🐾˖°'s profile picture

thank you so much !!!!!!


Report Comment

Xaden

Xaden's profile picture

THANK YOU!?!?!?!??@!?!/12?I3898923RRDWEEEGR


Report Comment

Plushy

Plushy's profile picture

Prob using :3


Report Comment

⭐⊹ jaypursume !

⭐⊹ jaypursume !'s profile picture

using!! thank you so much :) <3


Report Comment

kaz 𒉭

kaz 𒉭's profile picture

usinggggg


Report Comment

test acc!! working on custom layout

test acc!! working on cus...'s profile picture

using!! tysm ily


Report Comment

adrian

adrian's profile picture

using, thanks!


Report Comment

~Soul~

~Soul~'s profile picture

I already have a layout set up and Im struggling. I cant figure out where in my layout coding to put it so it works. I tried putting it at the top then at the bottom and it either erases the words or leaves it as the default words.

I can show the code Im using for my layout if it'll help 0.0


Report Comment



After some fiddling around I figured it out! :D

by ~Soul~; ; Report

please tell me what you did because im gen struggling with this too

by Anthony; ; Report

What I did was copy + paste it in different spots and eventually it worked. I have mine in my about me section and its near the top of the coding. Just be sure not to interrupt any already existing line of code.

by ~Soul~; ; Report

ohh that makes sense thank you!

by Anthony; ; Report

maxie

maxie's profile picture

using ty


Report Comment

gelly

gelly's profile picture

thank you. This was so helpful for my sanity (I'm a control freak).


Report Comment

Nightshade

Nightshade's profile picture

Thanks! Wanted to change "Heros" to "Games" :3


Report Comment

🩸KARKAT🩸

🩸KARKAT🩸's profile picture

THANK YOU FOR YOUR SERVICE o7


Report Comment

Міша/misha

Міша/misha's profile picture

THANK U OMGGGG


Report Comment