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.

:marseylaugh:

Jump in the discussion.

No email address required.

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