Report Blog Entry
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!
Comments
Displaying 20 of 52 comments ( View all | Add Comment )
Sunny
shameless plug but here is my blog post w/ working code ;-; https://blog.spacehey.com/entry?id=1479736
zé maria
It only shows to you ;(
ME
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??
AtissaMuneerah
hello hello! does anyone know how to add an underline...? or you just put it insider the name as well?/
apollo :p
how would I add a border around the boxes? specifically a dashed border
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
beezlbee
using!!
cody
using!
frogomatic
tysmmm do u know how you cange the colour of the text in the contact box? i looked everywhere but found no solution ://
Hey could tell me how you changed the color of your fonts? Cuz I've been trying to figure out because my fonts are black T-T
by ScreamingSuicide; ; Report
the text shadow part of the code, replace the "black" with your color choice!
by aubri; ; Report
Ryker
Using! <3
mishikon
i am currently using this. +1. thank you very much.
anthares
using!
emaliolopesnr1
tysm!!
yearzered
does it go after or before a personal layout?
Sam
how would i change the color of it?
find where it says color:var(--links) !important;
and then put the color hex code where it says var(--links)
by AZARAIUS༉‧₊˚✧; ; Report
eye
i love you thank you sm
Dori 🎩
using !! thank yous ^_^
Traumarchive
USINGGG
featherfae
yooooo this is sick!! thanx!!!!
Jeremías
Usando. Eres nuestro salvador por compartir esto.
Sunny Dee
thank you this is so helpful