the stripes are the progress-bar-striped and progress-bar-animated classes, and you adjust the bg color by changing bg-secondary to another bootstrap color ("card background" in the quick replace section) ! and here's a quick ref for the bootstrap colors if you need!
as for the spinning icon, you should be able to use the class fa-spin to make things spin (more fa animations here!), you can see it all in the code i have here! - i think i've seen some other codes around with spinning stars, but i can't seem to find them right now
you need to change where it says "secondary" in "bg-secondary" to one of the other boostrap theme colors like listed in the link - success, warning, etc. ! these mean the color will adjust with the user's theme so if you change it to say, primary, it'd be blue for users with the default toyhouse theme and yellow for users with the bee theme c:
as far as im aware, there's no way to set a custom color with the same method - i'd do some testing to see but i'm at work right now 😅 for now i'd say the easiest way to achieve the same effect with only html is to make a gif to set as the bg, but that's a whole different skill
Experimenting with the star and got this but looking to make it smaller and possibly colored as well (pink preferred) Sorry for all the questions I'm a newbie with TH coding X)c but your help is appreciated!
the stripes are the
progress-bar-striped
andprogress-bar-animated
classes, and you adjust the bg color by changingbg-secondary
to another bootstrap color ("card background" in the quick replace section) ! and here's a quick ref for the bootstrap colors if you need!as for the spinning icon, you should be able to use the class
fa-spin
to make things spin (more fa animations here!), you can see it all in the code i have here! - i think i've seen some other codes around with spinning stars, but i can't seem to find them right now1 year, 9 months ago
OOO how cool!! Thanks so much, I'll try em out 👀
1 year, 9 months ago
Hmm when I change the color the stripes turn grey/black
1 year, 9 months ago Edited 8:23 pm
which color are you changing it too? :0
1 year, 9 months ago
Not quite sure where to change the color(s) I was adding a hex code in random spots to see if it’d change or not haha
1 year, 9 months ago
you need to change where it says "secondary" in "bg-secondary" to one of the other boostrap theme colors like listed in the link - success, warning, etc. ! these mean the color will adjust with the user's theme so if you change it to say, primary, it'd be blue for users with the default toyhouse theme and yellow for users with the bee theme c:
as far as im aware, there's no way to set a custom color with the same method - i'd do some testing to see but i'm at work right now 😅 for now i'd say the easiest way to achieve the same effect with only html is to make a gif to set as the bg, but that's a whole different skill
1 year, 9 months ago
Ohhh I see 👍🏻
1 year, 9 months ago
Experimenting with the star and got this but looking to make it smaller and possibly colored as well (pink preferred) Sorry for all the questions I'm a newbie with TH coding X)c but your help is appreciated!
1 year, 9 months ago Edited 1:31 pm