Tab Img/Name [F2U CSS Snippet]
Prismicodes
- Created
- 1 year, 1 month ago
- Creator
- Prismicodes
- Favorites
- 240
Profile
Changing the thumbnail and image of tabs! -
- Tiny little snippet i made for myself
- Only users with toyhouse premium can use this (because normal members can't use CSS outside of Worlds)
- You can ask for help with this if you need, I'll try my best!
- I'm aware the text for the name is just a tiny bit higher than normal names should be, but I can't figure out a way that looks nice on all devices. If you know a fix let me know, please!
- I do not have premium on this account, however you can see a Live Preview Here!
FREE TO USE
Mobile Friendly
CSS Snippet
/* Changing the thumbnail */
.side-nav .display-character img {
content: url(IMG_LINK)!important;
}
/* Changing the tab name */
.side-nav .display-character a {
font-size: 0.1px;
padding: 0.5rem;
padding-left: 0.6rem
}
span.display-character ::after {
content: "Title";
font-size: .9rem!important;
}