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!
if you're looking to make it smaller, you can change or remove the fa-3x, as that's the class defining the size! as for color, font awesome icons all function essentially just as text so you can style them the same way using properties like color! so,
if you're looking to learn more about coding on TH, the HTML/CSS & Graphics forum section would be a good place to check out! i would also highly reccomend W3Schools for general HTML/CSS reference and tutoritals, and the docs for FontAwesome and Boostrap for more information on how to use both of those :>
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
what you have right there is like so, right? :0c
<div class="fa-3x"> <i class="fa-solid fa-star fa-spin"></i> </div>Β
if you're looking to make it smaller, you can change or remove the
fa-3x
, as that's the class defining the size! as for color, font awesome icons all function essentially just as text so you can style them the same way using properties likecolor
! so,<i class="fa-solid fa-star fa-spin" style="color:#FFC0CB"></i>
would give you this:
if you're looking to learn more about coding on TH, the HTML/CSS & Graphics forum section would be a good place to check out! i would also highly reccomend W3Schools for general HTML/CSS reference and tutoritals, and the docs for FontAwesome and Boostrap for more information on how to use both of those :>
1 year, 9 months ago Edited 2:43 pm
Oo thanks so much!π
1 year, 9 months ago