hide friends code

hey does anyone knows how to hide the whole friends section without hiding comments ?

i used this code v but it completely hides the comments too :( please help

.friends{display: none !important;}

3 Kudos

Comments

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

melt

1702728513

.friends .inner, .friends .heading {
display: none;
}

#comments .inner {
display: block;
}

#comments .inner:before {
content:"[user]'s comments"; /* style this like your other headings, if you hide ".friends .heading" it gets rid of the comments heading too lol. somebody jump in if this is a bad solution ofc. */
}

Report Comment

i tested this in a preview website but lmk if it doesn't work well on actual spacehey lol i can try to cook something else up

by melt; 1702728567; Report

it worked !! i just wished the comments heading looked better lol

by mika; 1702733232; Report

thank you btw !

by mika; 1702733244; Report

ooo yeah that does look a bit off. what's the code for it look like? i could try to fix it up. also np!

by melt; 1702733337; Report

it looks like this rn !!

.friends .inner, .friends .heading {
display: none;
}

#comments .inner {
display: block;
}

#comments .inner:before {
content:"mika’s comments"; background: linear-gradient(#535353 0%, #000 60%) !important;
box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
border-radius: 50px 0px;
border: 0px;
padding-left: 10px !important;
color: #ffffff !important;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
}

by mika; 1702733498; Report

try this: (sorry recommenting bc typo):

.friends .inner, .friends .heading {
display: none;
}

#comments .inner {
display: block;
}

#comments .inner:before {
content:"mika’s comments"; background: linear-gradient(#535353 0%, #000 60%) !important;
box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;
border-radius: 50px 0px;
border: 0px;
padding: 3.5px; /* modify this as needed if it doesn't look right */
padding-left: 10px !important;
color: #ffffff !important;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
font-family: Arial;
font-weight: bold; /* also remove this if it doesn't look right */
display: block;
width: 100%;
}

by melt; 1702734125; Report

it looks much better now !! thank you so much for your help ( ･ᴗ･̥̥̥ )

by mika; 1702734288; Report

np! happy to help

by melt; 1702734355; Report