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!


214 Kudos

Comments

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

sugar

sugar's profile picture

tysm!! but how do i remove the black text? its overlapping with my pink text :d


Report Comment

# . pixy ᶻz

# . pixy ᶻz's profile picture

TYSM!


Report Comment

xCandyGrrlx

xCandyGrrlx's profile picture

thank you! :)


Report Comment

CAKEPAW DELUXE

CAKEPAW DELUXE's profile picture

LIFESAVER!! im using this!!


Report Comment

CAKEPAW DELUXE

CAKEPAW DELUXE's profile picture

LIFESAVER!! im using this!!


Report Comment

ass soda

ass soda's profile picture

using ty


Report Comment

Melli

Melli's profile picture

Thank you!!!!


Report Comment

sam

sam's profile picture

using tysm!!!!


Report Comment

꒰ᐢ. .ᐢ꒱ itasukii!!

꒰ᐢ. .ᐢ꒱ itasukii!!'s profile picture

usingg


Report Comment

cinamotroll

cinamotroll's profile picture

using !!


Report Comment

Detective

Detective's profile picture

using, thanku!


Report Comment

dean

dean's profile picture

so helpful, thank you so much!


Report Comment

✮⋆˙Expired_rice˙⋆✮

✮⋆˙Expired_rice˙⋆✮'s profile picture

Tried this code and It's not showing up for other ppl, is this a me problem or has it happened to anyone else?


Report Comment



https://blog.spacehey.com/entry?id=1479736

by Sunny; ; Report

Skykristal

Skykristal's profile picture

Exactly what I was looking for. Using!


Report Comment

🌈💗 𐙚CutePinkKitty!♡𐑂💗ฅ^>⩊<^ ฅ

🌈💗 𐙚CutePinkKitty!♡𐑂💗ฅ^>⩊...'s profile picture

Using!! Tysm!! <33


Report Comment

Sunny

Sunny's profile picture

shameless plug but here is my blog post w/ working code ;-; https://blog.spacehey.com/entry?id=1479736


Report Comment

zé maria

zé maria's profile picture

It only shows to you ;(


Report Comment



https://blog.spacehey.com/entry?id=1479736

by ace; ; Report

ME

ME's profile picture

HIII!!! THANK U SO MUCH FOR SHARING THE CODE! I tried to copy the code, but it only worked when I view my profile myself, when other people view it it doesnt work :((( why is that??


Report Comment



https://blog.spacehey.com/entry?id=1479736

by ace; ; Report

AtissaMuneerah

AtissaMuneerah's profile picture

hello hello! does anyone know how to add an underline...? or you just put it insider the name as well?/


Report Comment

apollo :p

apollo :p's profile picture

how would I add a border around the boxes? specifically a dashed border


Report Comment



hi ! in this part

table, th, td {

border: 0px solid;

}

you change it to "border: 2px dashed (color you want the border to be);"

by kiri; ; Report

thank you sm!!!

by apollo :p; ; Report