alex's profile picture

Published by

published
updated

Category: SpaceHey

View Blog View Profile Report Blog Entry

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

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



295 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

godj ⋆⋆⋆⋆

 godj ⋆⋆⋆⋆'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 godj ⋆⋆⋆⋆; ; 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



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✭🇸🇻

 🇲🇽✭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

godj ⋆⋆⋆⋆

 godj ⋆⋆⋆⋆'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 godj ⋆⋆⋆⋆; ; 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