1 |
|
---|---|
Posted by | LF CSS assistance - coloring |
![]() *Ashrinn*G1 13bo 7xBush Meteor (#390700) Sapphic View Forum Posts ![]() Posted on 2023-05-01 20:31:36 |
I am currently putting together my first CSS layout from scratch, and I've hit a roadblock. I've made the Energy (.progress-bar-warning), Hunger (.progress-bar-danger), and EXP (.progress-bar-success) bars each a separate color, but I cannot for the life of me figure out how to change the IMP bar's color. I assume it is a code similar to the other bars, but I don't know what it's name would be. The only other code I've seen used at all is ".progress-bar", but that changes all the bars to be exactly the same and I do not want that. I know there has to be a way to change it, because it is different from the others in the base game layout. Can anyone help me? Thank you so much! ![]() |
✧|Tacatto|✧ Haze RLC (#25830) ![]() View Forum Posts ![]() Posted on 2023-05-01 21:55:54 |
Try making .progress-bar the color you want the imp bar to be. then add the -warning code, then the -danger code, then the -success code. the .progress-bar would be the 'default' color for the progress bars while the -warning, -danger, -success would be the 'unique' colors. with warning being yellow, danger being red, and success being green (if using the Day theme) ![]() |
*Ashrinn*G1 13bo 7xBush Meteor (#390700) Sapphic View Forum Posts ![]() Posted on 2023-05-01 21:58:06 |
Thank you! I will try that, I put it first before and it changed them all, but then I realized they have to be in a specific order and didn't try it again after that 🤦🏻♀️ ![]() |
✧|Tacatto|✧ Haze RLC (#25830) ![]() View Forum Posts ![]() Posted on 2023-05-01 22:09:13 |
No problem! I believe they need to be in a certain order for it to work, at least the original .progress-bar anyways. if not try putting it in the -warning, -danger, -success order. ![]() |
*Ashrinn*G1 13bo 7xBush Meteor (#390700) Sapphic View Forum Posts ![]() Posted on 2023-05-01 22:55:23 |
✧|Tacatto|✧ Haze RLC (#25830) ![]() View Forum Posts ![]() Posted on 2023-05-01 22:56:25 |
1 |
---|