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!


133 Kudos

Comments

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

☆CURLY☆

☆CURLY☆'s profile picture

i want it gone its still there?


Report Comment

⋆ . ˚ ✩ erica ⋆ . ˚ ⋆☆゚

⋆ . ˚ ✩ erica ⋆ . ˚ ⋆☆゚'s profile picture

you're the fuckin best omg


Report Comment

coco

coco's profile picture

YOU'RE A LIFESAVER THANK YOUUUUUU <3<3<3<3<3<3<3
Until now, I hadn't found a code that worked well with the one that adds rows, so thank you so much for that!!!!! <3<3<3<3


Report Comment

nvtbvster

nvtbvster's profile picture

no matter what my man corys always got me covered 💪


Report Comment

decay ♡

decay ♡'s profile picture

thank you!!


Report Comment

Kaz

Kaz's profile picture

thanks! this is very helpful


Report Comment

m0nnie_

m0nnie_'s profile picture

YOU ARE THE BEST CORY!


Report Comment

tav ⍟ | ๑ avantris...

tav ⍟ | ๑ avantris...'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

.:absntGen★81:.

.:absntGen★81:.'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

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