Attach an Image or GIF Anywhere on the Screen

3 days ago — by Kayla⟡ — Backgrounds & Overlays — used 27 times

Pin an image or GIF to any corner or side of the screen. Replace the image URL. Change top-right to top-left, bottom-left, or bottom-right. Change 120px to resize it.

CSS Code

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

<img class="screen-sticker top-right"
     src="YOUR-IMAGE-URL-HERE">

<style>
.screen-sticker {
  position: fixed !important;
  width: 120px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Choose one position */
.top-left {
  top: 10px !important;
  left: 10px !important;
}

.top-right {
  top: 10px !important;
  right: 10px !important;
}

.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

.bottom-right {
  bottom: 10px !important;
  right: 10px !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 Backgrounds & Overlays

« Back to Backgrounds & Overlays | « All Profile Elements