Put an Image or GIF Behind Your Profile Name

4 days ago — by Kayla⟡ — Profile Picture Effects — used 3 times

Add an image or GIF behind the name at the top of your profile.

CSS Code

Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save.

<style>
.profile h1 {
  background:
    linear-gradient(
      rgba(255,255,255,.25),
      rgba(255,255,255,.25)
    ),
    url("YOUR-IMAGE-URL-HERE")
    center / cover no-repeat !important;

  padding: 10px 18px !important;
  border-radius: 12px !important;

  color: #ffffff !important;

  text-shadow:
    1px 1px 2px #000000,
    0 0 5px #000000 !important;
}
</style>

How to use: copy the code above → open your layout editor → paste it at the bottom of the Advanced CSS tab → save → refresh your profile. 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