Custom CSS

Change the look of your profile with your own CSS rules (PRO).

On this page

Example
In the panel: Custom CSS

Paste rules in the Custom CSS tab. Your code is added after the template styles, so you can override anything within the profile. Stable classes:

Selector	Element
`.pf`	the background and the whole profile page
`.cd`	content card
`.id`, `.av`, `.bio`, `.soc`	header: identity, avatar, bio, social icons
`.links`, `.pl`	the list and a single link (`.lt b` title, `.lt small` description, `.tag` badge)
`.mp`	music player

Example

/* profile card: glass and a stronger shadow */
.pf .cd{border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}

/* links: border and movement on hover */
.pf .pl{border:1px solid rgba(255,255,255,.35);transition:transform .2s}
.pf .pl:hover{transform:translateY(-3px) scale(1.02)}

What is filtered: @import, external fonts and stylesheets, expression(), behavior, addresses other than https: and data: in url(). Background images from https: are allowed. Rules are limited to your profile and do not affect the rest of the service. Limit: 30,000 characters.

In the panel: Custom CSS

Panel → Settings → Custom CSS

Styles apply only within your profile (selectors are prefixed by the server). External resources cannot be loaded. You edit HTML and JavaScript in a separate tab.

You can write and test code in the preview on any plan. It appears on your public profile only after you enable it, which requires the PRO plan.

Open the panel

This guide describes the panel. Content about personal data and taxes is informational and is not legal advice.