Custom Gif PFP

1 month ago - by ˑ 𓈒 𐔌 𝐑α𝗂𐓣𝗒 𝐃. 𝐑α𝗂𐓣𝖾𝗋 ͡꒱ ۫ - Profile Picture Effects - used 26 times

Makes it able to change your pfp to a custom GIF or image! :0)

CSS Code

Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save. Leave the Visual Builder's existing CSS in place - add this under it, don't replace it.

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("URL"); 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>

How to use: copy the CSS above → open your layout editor → switch to the Advanced CSS tab → paste at the bottom (keep the Visual Builder CSS above it) → save → refresh your profile. If the element also has HTML, paste that into About Me or at the bottom of Advanced CSS after the CSS. Elements stack - you can combine as many as you like. New to CSS? Read the Custom Code Tutorial.

More in Profile Picture Effects

« Back to Profile Picture Effects | « All Profile Elements