[OUTDATED] ★ Tetra's CSS Guide ★

Is that Katie's premade?

Yep! I'm using it while I make my own, I was just wondering how to round the corners of everything and used the picture as an example <3 (not claiming it as my own!!)

oh sorry for my misunderstanding!

for the round corner I believe you have to use border-radius element

no worries!! :) and thanks! ill try that out

@Nekkoya

Again, no worries!

Progress bars: ...I'm not sure how or where you used !important when you tried it but, simply adding !important has worked okay for me when I fiddled with your code. Did you make sure to type it after your value and before your ending semicolon? This following code should work, but do let me know if it doesn't and I'll investigate it further.

.bg-info { background: white !important; }

.bg-danger { background: rgb(246, 166, 221) !important; }

.bg-primary { background: rgb(171, 93, 138) !important; }

.bg-warning { background: rgb(84, 35, 54) !important; }

Subheader: The code you have as it is changes the text of your subheader to light pink. Were you intending for the background to change? That would be the background property, as seen here:

.subheader { background: rgb(246, 166, 221) !important; }

Navbar: You seem to have typed the lowercase letter o for zero.

@Bunny I would answer you also but I think Dream's got you on that! It is indeed the border-radius property that makes rounded corners.

 Thank you!!

thank you so much!! i literally dont deserve to be helped 10000 times 

so would it be like

.table {

    background: transparent;

border-radius: 2px

or something different?

@Bunny

That would be correct.

In case you haven't seen it: if you check out the Property documentation from the guide, I've mentioned border-radius and examples of how to use it.

Gotcha! Sorry, I must've skimmed over it but thank you so much :)