I'm trying to replace the default dots used in the character stats for visual representation with a custom image. I am trying to select the 'empty dots' using the following CSS:
table.flexstatstable td.statlevel img[src$="empty-dot.png"] {
display: none !important;
}
This code works fine in element inspector, but when I use it in the actual template it does not work. Instead I just get a full 10 in all stats. The goal is only 'filled dots' are represented while the empty dots are not displayed. The template in question can be found here: http://www.rprepository.com/c/testprofile/132264
It's probably something silly, I seem to forget little things all the time and feel stupid later. Thanks!
table.flexstatstable td.statlevel img[src$="empty-dot.png"] {
display: none !important;
}
This code works fine in element inspector, but when I use it in the actual template it does not work. Instead I just get a full 10 in all stats. The goal is only 'filled dots' are represented while the empty dots are not displayed. The template in question can be found here: http://www.rprepository.com/c/testprofile/132264
It's probably something silly, I seem to forget little things all the time and feel stupid later. Thanks!
What browser are you seeing this in? I don't see any empty dots.
Ah yes, I fixed it a couple days ago and neglected to update the thread. I never figured out the original issue but I instead used padding and background image for the .filleddisc spans. Thanks though!
Glad to hear it got solved! 
You are on: Forums » Help » Help with styling the character stats table
Moderators: Mina, Keke, Cass, Claine, Sanne, Dragonfire, Ilmarinen, Darth_Angelus