remove interest section "headers?" and make content sections scroll!!!!!

Tags: not a layout, code, voxnaa

Description:

so i dont like it when ppl have alot of text in their interests section cus it makes their profile loook wonky. but i also like when everything is small........... so that might just be me........ but anyways if ur like me here ya go!!!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by aerin (https://layouts.spacehey.com/layout?id=86790) -->

<style>
/*removes interest section "headers?" and makes everything stacked*/
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p {
display: none;

}

.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p {
display: none;

}

.table-section td {
display: grid;

}

</style>

<style>
/*makes the EACH content section scroll+borders*/
.table-section:not(:first-child) .details-table tr:nth-child(1) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(7) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(2) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(3) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(4) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(5) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

.table-section:not(:first-child) .details-table tr:nth-child(6) td:last-child p {
overflow-y: auto;
height: 100px;
border: 2px double black;

}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.