First, how do I center the comment box on my profile? I'm not sure what exactly I need to do to get it centered, and I've tried a great many things. (Though this was several days ago, so I don't remember what I tried atm.) It's off-centeredness is driving me nuts.
Second, how do I make bullets or numbers show up in un/ordered lists? I know the profile itself is created from an unordered list and so there's probably some default coding that I need to counteract. Again, not sure what that is.
Help is appreciated greatly~. C:
Comment box:
Your code:
{padding: 2px; display: inline-block;}
Change to:
{padding: 2px; margin: 0 auto !important;}
Are you trying to change an unordered list to an ordered list? Or just create an ordered list? Lists HTML.
I'm afraid that doesn't work. I believe that was my original attempt, but I tried it again now just to be sure.
I know how to use lists, both ordered and unordered. But for some reason, the bullets/numbers do not show up. I think this is something in the default code for user profiles, but I don't know how to overwrite it. My code thus far:
And my CSS:
ul.a {list-style-type: circle !important; color: !important;}
I have tried ol, ul, ul.li... I'm not sure what I'm supposed to be focusing on to get the bullets (or numbers, for ol) to show up.
Try adding
text-align: center;
to the comment section.
And try: li { display: list-item !important; }
Unfortunately, neither of those are quite the solutions I'm looking for. Text align doesn't work, and display list-item works for ol but not ul like I really wanted.
I appreciate your eagerness to help, but I am hoping someone who's already battled with and solved these problems might pipe up. :)
The list selector was written to only affect the list in the div. Isn't that what you wanted?

{
padding: 0px !important;
margin: 0px !important;
}
form {
margin: 0 auto !important;
text-align: center;
}
To center the comment box form:
form { text-align: center; }
Couldn't find the ul part you wanted to modify on your profile, I'm guessing you changed or removed it.
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
Thank you for that simple solution! Exactly what I needed. (Plus I kind of forgot/was ignoring these problems until I felt more like dealing with them.)
The ul part has been changed to ol only because 's solution...
li {
display: list-item !important;
}...allowed for numbers to show up, but I still can't get bullets to show up with an unordered list.
I've changed it back to unordered list so you can see what I mean. It's the part right under "Current Objectives".
If there isn't a good solution, I can make do with an ordered list, but I don't like it because it makes it seem like there's some sort of hierarchy when there isn't.
Add a line to that so it looks like this:
li {
display: list-item !important;
list-style-type: circle;
}
This will give you bullets that look like little circles. You can change the kind of bullet you get by changing the word "circle" to "dot" or "square" - a full list of options can be found somewhere online if you google "list-style-type" you should find it.
[edit] I just realized, I answered this a while ago but completely forgot to ping you. SORRY!!
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
somehow I never got this ping! Or it got lost in all the morostide pings. Sorry about that.
I'd actually just come over here to say I'd finally figured it out on my own. But thanks for your help! :)