Some useful CSS for introverts. (No colors, fonts or flashy stuff)

I am not an expert in CSS in the slightest but I wrote some simple interesting code that affects some basic user experiences. If you need your user number it's on your profile, see attached image for location.

/* Comments cannot be added to CSS */

Below use with your profile


/* Remove your own comment box */

.comment-box-wrapper {
    display: none;
}

/* Hide your comment button like an asshole. (This one is my favorite) Change yourusernumber to.. well. ya know.. your user number */

#save-reply-to-u_yourusernumber {
    display: none;
}

/* Hide your comment section */

.comment-section {
    display: none;
}

/* Hide specific comment. Change commentNumber to the comment number you want to hide */

#comment-commentNumber {
    display: none;
}

Below use on site CSS

/* Hide user even if they are unblockable. Change USERNAME to the username you wish to block. Case sensitive. Will need to be updated if user changes their name. */

.comment-body:has(a[href="/@USERNAME"]) {
  display: none;
}

/* Hide sidebar, Not Recommended IMO, has good info */

#desktop-sidebar, #banner-link, .srd {
    display: none;
}

/* Hide badges and signature for users in post listings */

.post-meta .fa-badge-check, 
.post-meta .house-img, 
.post-meta .span.mr-1,
.post-meta .patron-img, 
.post-meta .fa-bahai,
.post-meta bdi {
  display:none;
}

/* Remove WPD banner */

#banner-link {
    display: none;
}

10
Jump in the discussion.

No email address required.

That's illegal

Jump in the discussion.

No email address required.

Link copied to clipboard
Action successful!
Error, please refresh the page and try again.