glotch's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Hiding Interests Sections (Tutorial)

If you're a boring person like me who doesn't watch TV or read books, you might be at a loss for what to put in certain sections of your interests. Well, worry no more, because you can hide them!

Paste the following CSS into your layout:

.table-section:not(:last-child) tr:nth-child(n) {
    display: none;
}

The n within the nth-child(n) needs to be a number corresponding to the section you want to remove. Quick reference:
  • General = 1
  • Music = 2
  • Movies = 3
  • Television = 4
  • Books = 5
  • Heroes = 6
You'll also have to copy and paste the top line depending on how many sections you want to remove. What does that mean? Here's an example: on my profile, I hide the TV and Books sections, and the code looks like this:

.table-section:not(:last-child) tr:nth-child(3), .table-section:not(:last-child) tr:nth-child(5) {
    display: none;
}

Notice I had to paste the same thing twice on top with a comma in between. If I find a less tedious way to do that I'll update this post.

Hope you found this useful! In conjunction with my previous tutorial about adding interest sections, this can really allow you to deck out your interests to fit whatever you want.

Shoutout to this forum post by heath showing how to change interests section titles, which both provided me with the knowledge on how to do this, and provides you with an alternate method of changing your interests section.


24 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

JOJ

JOJ's profile picture

so helpful, ty


Report Comment