Posted by Where can I find CSS goodies?

β˜… - πŸ¦‡ Batman
πŸ¦‡ - β˜… (#425914)


View Forum Posts


Posted on
2024-07-27 17:36:55
So I have a question, say I wanted rounded progress boxes, etc whatever and also wanted to change the names of my level, branch, territory, etc. How can I do this and where can I learn to do that?

I been wanting to learn more complex css for awhile (I'm to confident)



Hrt Icon 0 players like this post! Like?

Edited on 27/07/24 @ 17:55:05 by Wade Wilson (#425914)

Pandora (#144118)


View Forum Posts


Posted on
2024-07-27 18:16:53
You can round progress bars, etc, with border-radius! The majority of Lioden's text can be changed. Personally, I just set the visibility of the original text to hidden and use the pseudo-element ::after to add custom text! You can also set the original font-size to 0 to hide it, either works!



Hrt Icon 1 player likes this post! Like?

β˜… - πŸ¦‡ Batman
πŸ¦‡ - β˜… (#425914)


View Forum Posts


Posted on
2024-07-27 18:33:37
I have another question! If I'm using Katie's template where can I find the things to do that?



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2024-07-27 18:41:35
I don't use Katie's template, but for the progress bars, it should be something like ".progress div." Then you can either edit the border-radius that's set on the template, or you'll have to add it! And for any text, you'll have to find the elements under inspect and add them to your CSS! I have the inner table hidden on my page (because I don't use it, lmao), but it should be called something like inner-table and then either . right/left!



Hrt Icon 1 player likes this post! Like?

β˜… - πŸ¦‡ Batman
πŸ¦‡ - β˜… (#425914)


View Forum Posts


Posted on
2024-07-27 19:05:51
(so sorry another question) where can I enter in the ::after?



Hrt Icon 0 players like this post! Like?

Pandora (#144118)


View Forum Posts


Posted on
2024-07-27 19:11:37
You can add ::after (or ::before) onto any element and it will create a pseudo-element of whichever element you added it to! For example, on my page, I have a little icon on top of my player icon, so I selected the player pfp and added ::after (#player > tbody > tr.right > td:nth-child(2)::after)



Hrt Icon 1 player likes this post! Like?







Memory Used: 540.35 KB - Queries: 2 - Query Time: 0.00072 - Total Time: 0.00390s