Profile pictures still aren't fixed, so here's a workaround!

As many of you have noticed, over the last few weeks and approaching months, profile pictures have been broken on this website. You aren't able to set your profile picture, and most new accounts do not have them. Why this is the case? With no one at the steering wheel, who knows what might be the issue!

Given how this has been ongoing for weeks now and this still has not been, and honestly in my opinion could very well never be fixed for a while, I wanted to whip up a post that gives some workarounds to make profile pictures work locally on your profiles and blogs!

Shout out to both long inactive twilight sparkle and pierced princess for the base code for both of these workarounds. Click on their usernames for both of their original posts, they go into more detail for more then I do. I just used their code as a base and am sharing this far for new users.

PROFILE PICTURE WORKAROUND

In order to set a profile picture. add the following code to your HTML / CSS code section of Edit Profile.

<style>

.profile-pic > img {
display:none;
}
.profile-pic:after {
background-image: url("https://files.catbox.moe/l2f4je.jpg"); display: inline-block; content:""
}
.blog-entry .profile-pic:after, .bulletin .profile-pic:after {
background-size: cover; width: 110px; height: 110px;
}
.general-about .profile-pic:after {
background-size: cover; width: 160px; height: 160px;
}

</style>

The profile picture included is a photo of Konata that I used for testing on my profile picture. This code was originally written for users to include GIF's on their profile pictures, but this code works for all images. I highly recommend uploading your image to Catbox and then using your own link in the url box!

THIS WILL ONLY WORK ON YOUR PAGE. IT WILL NOT WORK ANYWHERE ELSE.

FRIENDS PROFILE PICTURE WORKAROUND

One thing that I used borrowing code from pierced princess was set the default profile pictures to other photos that weren't profile pictures! How I set up the code was...

<style>

.profile .friends .person:nth-child(**insert number from 1 to 8 here**) img:not(.icon){
content:url(https://files.catbox.moe/33ouiz.png);

}

</style>

What I set up on this code was a simple awareness photo, calling for profile pictures to be fixed. But the code can be set to whatever images you want.

When you set the code, make sure to set a number from 1 to 8, based on who on your friends list has a blank profile. 1 is the top left, and 8 is the bottom right.

I'm sure there might be a way to automate this, but I'm not well versed in HTML enough to work on this, and my attempts to do this just caused all images to set to that image, as pfp-fallback is used for both working profile pictures and non working profile pictures.

Thank you for reading! Once again, shoutout to the two profiles above for the base code.

18 Kudos

Comments

Comments disabled.