Speech Bubble Status

3 days ago — by Kayla⟡ — Text & Name Effects — used 17 times

Turn the status beside/under your profile picture into a speech bubble.

CSS Code

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

<style>
.general-about .details p:nth-of-type(2) {
  position: relative !important;
  width: fit-content !important;
  margin: 12px auto !important;
  padding: 8px 14px !important;

  background: #fff0f8 !important;
  border: 2px solid #e3a8c8 !important;
  border-radius: 15px !important;
}

.general-about .details p:nth-of-type(2)::after {
  content: "" !important;
  position: absolute !important;
  bottom: -9px !important;
  left: 25px !important;

  border-width: 9px 9px 0 !important;
  border-style: solid !important;
  border-color: #e3a8c8 transparent transparent !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 Text & Name Effects

« Back to Text & Name Effects | « All Profile Elements