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 .
×
Create a free account

D20 Icon replacement on Roll button

1619168629
Paul V.
Pro
Sheet Author
Compendium Curator
Hi All Another rookie mistake i guess but the code supplied on the CSS Wizardary page just isn't working for me. Roll button with a d6 icon By using the  icon fonts  available in Roll20, we can replace the d20 icon it with a different dice, instead of removing it. CSS: button[type = roll].sheet - d6 - dice::before { font - family: 'dicefontd6' ; content: 'F ' ; } HTML: < button type = "roll" value = "/roll @{dex}d6" name = "roll_dex" class = "d6-dice" > < /button > I've even created a game with a CSS file and html file of just those lines but I still get the d20 icon.. anyone got any points as to what I'm doing wrong... CSS really is a dark art to me.. 
1619172419
Andreas J.
Forum Champion
Sheet Author
Translator
Note that the example is made for legacy sheet , and doesnt work straight away for CSE There is a warning about this at the start of the article.
1619184923
Paul V.
Pro
Sheet Author
Compendium Curator
thank you once again in helping