alex's profile picture

Published by

published
updated

Category: SpaceHey

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



280 Kudos

Comments

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

just me ⋆⋆⋆⋆

just me ⋆⋆⋆⋆'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

holidaygirl1225

holidaygirl1225'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

just me ⋆⋆⋆⋆

just me ⋆⋆⋆⋆'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 just me ⋆⋆⋆⋆; ; 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

jeïco

jeïco's profile picture

thanks, it works!!


Report Comment

☆nonamer

☆nonamer's profile picture

Oh boy I'll be using it for sure, thanks!


Report Comment

♡ꕥRainbow Candy Girlꕥ♡ (Under Construction)

♡ꕥRainbow Candy Girlꕥ♡ (U...'s profile picture

Tysm! I am definetely using!


Report Comment

𝒥𝑜𝓈𝒾𝑒𝓎

𝒥𝑜𝓈𝒾𝑒𝓎's profile picture

Tyy will be using!!


Report Comment

𝒥𝑜𝓈𝒾𝑒𝓎

𝒥𝑜𝓈𝒾𝑒𝓎's profile picture

Tyy will be using!!


Report Comment

Azimuth

Azimuth's profile picture

Very Nice tysm +Rep
Using


Report Comment