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

Custom Button Blank Styling Issue

January 11 (6 years ago)

Edited January 12 (6 years ago)
Anor'Aran
Pro
Sheet Author

edit: solved


I am making a custom button with blank styling. When the button is not hovered, it is faded out to gray, and when I hover, the color fills in. 

Anyone have any ideas what can be done to sort out my code? 

  'Normal' HoverActive

January 11 (6 years ago)

Edited January 11 (6 years ago)
Finderski
Pro
Sheet Author
Compendium Curator

Try adding:

background-image: none;
box-shadow: none;
text-shadow: none;
January 11 (6 years ago)
Jakob
Sheet Author
API Scripter

You may need to increase the specificity of your CSS, I think several of the roll20 rules for buttons have classes in the selector. You can try button[type=roll].btn, for example. But really, check the inspector, it will tell you more :).

January 12 (6 years ago)
Anor'Aran
Pro
Sheet Author

Aha! The issues were with the shadow on the box and text. I will keep an eye out for those as well as the Roll20 button rules. Thank you!