Custom CSS
Styling your page with your own CSS, the class names you can target, and what’s blocked.
Where: Customize → Fine tune → Custom CSS
Custom CSS is part of yumu pro. CSS you write here only ever affects your own page; it’s scoped automatically, so it can’t reach the rest of yumu or anyone else’s page. Up to 20,000 characters. @import, javascript: URLs and a few other risky things are removed before it runs.
Useful class names
| Selector | What it is |
|---|---|
.profile-glass | Cards: the main card, link buttons, embeds and sections |
.profile-identity-card | The main card on Identity and Panel |
.profile-link | Link buttons and tiles |
.yen-icon-row | A row of icon-only links |
.yen-icon-link | One icon-only link |
.profile-avatar-root | Your picture (and its decoration) |
.profile-main h1 | Your name |
.profile-chip | The small location, pronouns and join-date chips on Identity |
.profile-audio-player | The music player |
.yen-user-content | The body text of extra sections |
.yen-tg | A Telegram card. Inside it: .yen-tg-avatar (picture and badge), .yen-tg-photo, .yen-tg-badge, .yen-tg-body, .yen-tg-title, .yen-tg-count, .yen-tg-desc and .yen-tg-join (the Join button) |
Your colors are available as variables: var(--profile-accent), --profile-accent-2, --profile-text, --profile-muted, --profile-card-bg, --profile-radius and --profile-button-radius. Using them keeps your CSS in step with the palette and the day palette.
related
Still stuck?Ask in our Discord