Hi everyone, I want to show you how you can add additional interests to your "Interests" section on SpaceHey!
All you need to do is reproduce the HTML structure of the interests section and add it to any of the existing interest fields, like so:
<tr>
<td>
<p>Pets</p>
</td>
<td>
<p>I have two dogs, Chicca and Eevee</p>
</td>
</tr>
![How to insert](https://external-media.spacehey.net/media/s9FoP-5jnrEX5jyg2ekYxYUzHCHulZlAVbPrBiigaIs8=/https://indifferentalex-freelance.s3.eu-central-1.amazonaws.com/Screen+Shot+2020-12-03+at+10.52.55.png)
The end result is this:
![](https://external-media.spacehey.net/media/si9mumB8EAoghnzZUcsn8Ft30sd4uFmiZh23_FL2Cd_w=/https://indifferentalex-freelance.s3.eu-central-1.amazonaws.com/Screen+Shot+2020-12-03+at+10.49.59.png)
I hope you have fun with it!
I have a lot more tricks I want to write about and show you but this week I've got a lot of work to get done so it's going to have to wait, stay tuned!
P.S. for the more technical readers, you might have expected that you need to inject the desired HTML by closing the previous tags and then proceeding to enter your desired content, but this doesn't seem to be the case. SpaceHey is performing some processing on the input and it ends up being the way you see it in my example ¯\_(ツ)_/¯
Comments
Displaying 20 of 63 comments ( View all | Add Comment )
just me ⋆⋆⋆⋆
so why it doesn't add the title on my layout? the interest is created, text is filled, the interest title is empty. added the code to the heroes. i hope i find the solution ty
holidaygirl1225
Does anyone know how to change the interest name color??? it just shows up as white for me
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 ࿐ ࿔*:・゚; ; Report
✭Em✭
THANK YOUUU
Fried Organs
Ty man
sof x_x
thank youu ^_^
liam whiteside
thanks
dry
thank you so much!!! such a lifesaver for someone who loves to list things like me lol
kalciferexe
super helpful!!! tyty
Ranko Saotome
Thankyou
just me ⋆⋆⋆⋆
Does it work on mobile?
Miz
Thanks :)
Aya
how do i remove a section
Find the code for ‘changing an interest section titles’
by just me ⋆⋆⋆⋆; ; Report
Helena
Every time I try this, the body text ends up in the same font and weight as the heading? Anyone know how to fix?
Ayusu 🍷🖤
I used the code and it worked, but the title doesn't appear, only the content, is there a way to fix this???
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; ; Report
jeïco
thanks, it works!!
☆nonamer
Oh boy I'll be using it for sure, thanks!
♡ꕥRainbow Candy Girlꕥ♡ (Under Construction)
Tysm! I am definetely using!
𝒥𝑜𝓈𝒾𝑒𝓎
Tyy will be using!!
𝒥𝑜𝓈𝒾𝑒𝓎
Tyy will be using!!
Azimuth
Very Nice tysm +Rep
Using