Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences here.
×
×
Cookie Preferences
We use Cookies to help personalize and improve Roll20. For more information on our use of non-essential Cookies, visit our Privacy Policy here.
Is there a way through CSS to change the Button so it doesn't have the 20 sided dice first? I would like to replace that with a ten sided dice from my game since it is D10 based.
Yes. If you use chrome inspector on the shaped sheet buttons (titles at the bottom of boxes) you can see I change them quite a bit. You can either set display: none or content: '' which will make it empty. I forget exactly what I did.
You'll need to change the ::before pseudo-element of the button. If you want to change which kind of die is displayed, you'll have to change the font (to dicefontd10 IIRC if you want a d10 image).
I saw some of the code that eliminate the box and look but I can't find where you eliminated the image of the dice. .charsheet button[type=roll] {
background-image: none; border: 0; box-shadow: none; text-align: left; text-shadow: initial; }
