Cory's profile picture

Published by

published
updated

Category: Web, HTML, Tech

๐Ÿ–ฅ CSS Snippet: How To Hide (or Rename) Interest Boxes

Who reads books anymore? Figure out what rows you want to get rid of, then copy and paste the code you want. If you want to get rid of multiple rows, select more than one code. Make sure to wrap all of your CSS in <style></style> tags so SpaceHey knows that it's CSS code.


REMOVE THE ROW
.table-section:nth-last-child(2) .details-table tr:nth-child(x){display:none;}

CHANGE THE TITLE
.table-section:nth-last-child(2)ย .details-table tr:nth-child(x) td:first-child p { font-size:0; }
.table-section:nth-last-child(2)ย .details-table tr:nth-child(x) td:first-child p:before { content:"WHATEVER"; font-size:.7rem; }

General: Replace (x) with (1)
Music: Replace (x) with (2)
Movies: Replace (x) with (3)
Television: Replace (x) with (4)
Books: Replace (x) with (5)
Heroes: Replace (x) with (6)

If you want to get rid of the whole thing, just doย 
-table-section:nth-last-child(2) .details-table {display:none;}

Remember: always put any CSS in between two Style tags: <style></style> That way, browsers will recognize that what you're trying to do is adjust the style. Also remember that CSS stands for Cascading Style Sheets, so the browser will activate styles from top to bottom!


106 Kudos

Comments

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

Reid

Reid's profile picture

thanks! this is very helpful


Report Comment

m0nnie_

m0nnie_'s profile picture

YOU ARE THE BEST CORY!


Report Comment

๐—๐–บ๐—๐—‹๐—’๐—‡ โ˜…๐Ÿ‰

๐—๐–บ๐—๐—‹๐—’๐—‡ โ˜…๐Ÿ‰'s profile picture

OH MY LORD TYHSANK YOU SM, IVE WANTERD THIS CODE FOR SO LONG BUT I NEVER WAS ABLE TO FIND IT


Report Comment

๐™™โœฉ๐™ฃ๐™ฃ๐™ฎ

๐™™โœฉ๐™ฃ๐™ฃ๐™ฎ's profile picture

thx!!! usin this <3


Report Comment

ZoranaDragon

ZoranaDragon's profile picture

Thank you so much! Used this to change the heros section into a videogames section!


Report Comment

David V. Kimball

David V. Kimball's profile picture

Thank you!


Report Comment

TGJ

TGJ's profile picture

Woah! Thanks


Report Comment

MUNCHYKITTY โ˜† (AUTO MUZIC WARNING)

MUNCHYKITTY โ˜† (AUTO MUZIC...'s profile picture

thank you so much THis is awesome!


Report Comment

ใฏใชใก

ใฏใชใก's profile picture

It doesn't seem to work anymore :/

It worked for me before but it doesn't work no more, my bf who's new tried it and it just does nothing


Report Comment



Tysm!!

by ใฏใชใก; ; Report

SOAP ^_^

SOAP ^_^'s profile picture

Thanks for this!!!


Report Comment

scourgu!

scourgu!'s profile picture

what about adding a section or an entirely new box below interests or links? i wanna have both sides balanced


Report Comment

KNARD

KNARD's profile picture

Have you come up with a method for customizing the header text of the box itself?


Report Comment

JMoney

JMoney's profile picture

How can I get rid of the blue header box that says interests?


Report Comment



use this code:


.profile .left div:nth-of-type(5) .heading{
display:none;
}

by Cory ; ; Report

Yessss dude thank you! It still has the borders but Iโ€™m sure thatโ€™s easier to figure out

by JMoney; ; Report

<3

<3's profile picture

is there anyway 2 chnage the title 2 an image??


Report Comment



There probably is, but it'd be pretty involved; if someone else hasn't figured it out yet, I'll give it a thought

by Cory ; ; Report

MinaaLovee

MinaaLovee's profile picture

Hello I am trying to use the code to hide the interest section and it is not working


Report Comment

neon_jane

neon_jane's profile picture

Hey Cory! Once I got the codes to work to change the titles, it changed my formatting back to the default formatting for the title squares. How would I go about keeping the formatting and my titles?


Report Comment



Take your styling code and put it in the brackets where you change the titles

by Cory ; ; Report

Hi! Thank you so much for the quick reply! I tried doing what you said, but it only covered part of the background of the boxes, and there is still a light blue border. Here is a sample of the code for one box:

.details-table tr:nth-child(1) td:first-child p { font-size:0; background:black;}
.details-table tr:nth-child(1) td:first-child p:before { content:"My Pronouns:"; font-size:.5rem; font-family: 'Barlow Condensed', s

by neon_jane; ; Report

I updated the code because I saw something I forgot. Iโ€™ll have to see whatโ€™s going on with your profile in the morning. Sorry for the delay!

by Cory ; ; Report

No worries at all! I super appreciate your help! I'm brand new to this, so I've been trying to figure it out as I go, but there are some parts where I'm completely lost. Any help you can offer will be awesome!

by neon_jane; ; Report

เฅช ๐–™๐–Š๐–—๐–“๐–Ž เฅช

เฅช ๐–™๐–Š๐–—๐–“๐–Ž เฅช's profile picture

Hey Cory! I was curious, how do I just get rid of the left column (general, music, etc)? Basically, I want to get rid/hide the titles. I appreciate your work, thank you :)


Report Comment



seconding this question! or at least be able to resize them

by sarah โ™ก; ; Report

Miri

Miri's profile picture

thank you tons!!


Report Comment

garbagecanloser

garbagecanloser's profile picture

Ahhh ty!


Report Comment