alex's profile picture

Published by

published
updated

Category: SpaceHey

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

Success! Kudos added.

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

The end result is this:



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 ¯\_(ツ)_/¯



298 Kudos

Comments

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

A silly Wolf

A silly Wolf's profile picture

Thank you!!


Report Comment

WildWorld

WildWorld's profile picture

Man, this is great! I'll probably use this to add another section for photos.


Report Comment

Serlei

Serlei's profile picture

Using!! :D


Report Comment

🎀𝐺𝑎𝑏𝑟𝑖𝑒𝑙𝑙𝑒🎀🍉

🎀𝐺𝑎𝑏𝑟𝑖𝑒𝑙𝑙𝑒🎀🍉's profile picture

Omg thank u🐻‍❄️ྀིྀི


Report Comment

۶ৎ buni

۶ৎ buni's profile picture

૮꒰ ˶• ༝ •˶꒱ა ♡ using ᵎᵎ


Report Comment



Also thank you !!

by ۶ৎ buni; ; Report

<?>Charlie

<?>Charlie's profile picture

Thank Youu


Report Comment

multiply⋆⋆⋆⋆

multiply⋆⋆⋆⋆'s profile picture

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


Report Comment



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; ; Report

zomg ty ill try it

by multiply⋆⋆⋆⋆; ; Report

JesterBun

JesterBun's profile picture

Does anyone know how to change the interest name color??? it just shows up as white for me


Report Comment

🇲🇽✭Em✭🇸🇻

🇲🇽✭Em✭🇸🇻's profile picture

THANK YOUUU


Report Comment

Fried Organs

Fried Organs's profile picture

Ty man


Report Comment

sof x_x

sof x_x's profile picture

thank youu ^_^


Report Comment

liam whiteside

liam whiteside's profile picture

thanks


Report Comment

dry

dry's profile picture

thank you so much!!! such a lifesaver for someone who loves to list things like me lol


Report Comment

kalciferexe

kalciferexe's profile picture

super helpful!!! tyty


Report Comment

Ranko Saotome

Ranko Saotome's profile picture

Thankyou


Report Comment

multiply⋆⋆⋆⋆

multiply⋆⋆⋆⋆'s profile picture

Does it work on mobile?


Report Comment

Miz

Miz's profile picture

Thanks :)


Report Comment

Aya

Aya's profile picture

how do i remove a section


Report Comment



Find the code for ‘changing an interest section titles’

by multiply⋆⋆⋆⋆; ; Report

Helena

Helena's profile picture

Every time I try this, the body text ends up in the same font and weight as the heading? Anyone know how to fix?


Report Comment

Ayusu 🍷🖤

Ayusu 🍷🖤's profile picture

I used the code and it worked, but the title doesn't appear, only the content, is there a way to fix this???


Report Comment



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