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!



Hrt Icon 0 players like this post! Like?

✧|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)



Hrt Icon 1 player likes this post! Like?

*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 🤦🏻‍♀️



Hrt Icon 0 players like this post! Like?

✧|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.



Hrt Icon 0 players like this post! Like?

*Ashrinn*G1 13bo
7xBush Meteor (#390700)

Sapphic
View Forum Posts


Posted on
2023-05-01 22:55:23
That worked! Thank you SO much, again!



Hrt Icon 0 players like this post! Like?

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-05-01 22:56:25
No problem!! Glad it workdd for you <3



Hrt Icon 0 players like this post! Like?







Memory Used: 621.44 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00386s