Replies

Oct 2, 2017 8 years ago
Elementary, my dear
Written
User Avatar

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:

The past is written, but the future is left for us to write. ~ Picard

Oct 2, 2017 8 years ago
Oh My Shinwa, we thought
FallenSamurai
was dead
User Avatar
Ruusu

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.

[Kiss=fallensamurai]
Get updated on freebies, join #subetagfx!

Oct 2, 2017 8 years ago
Elementary, my dear
Written
User Avatar

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:

  • Give Yeda Reverai's id so she can become the gourmet pet. (First need to find right pet to be Reverai.)

  • Flesh out ideas about Hiverete and where everyone lives in it.
  • Watch Once Upon a Time and take notes for Coax's character.

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.

The past is written, but the future is left for us to write. ~ Picard

Oct 2, 2017 8 years ago
Oh My Shinwa, we thought
FallenSamurai
was dead
User Avatar
Ruusu

Try adding

text-align: center;

to the comment section.

And try: li { display: list-item !important; }

[Kiss=fallensamurai]
Get updated on freebies, join #subetagfx!

Oct 3, 2017 8 years ago
Elementary, my dear
Written
User Avatar

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 past is written, but the future is left for us to write. ~ Picard

Oct 3, 2017 8 years ago
Oh My Shinwa, we thought
FallenSamurai
was dead
User Avatar
Ruusu

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; }

[Kiss=fallensamurai]
Get updated on freebies, join #subetagfx!

Oct 9, 2017 8 years ago
Bug
User Avatar
Segfault

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

Oct 9, 2017 8 years ago
Elementary, my dear
Written
User Avatar

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.

The past is written, but the future is left for us to write. ~ Picard

Oct 9, 2017 8 years ago
Bug
User Avatar
Segfault

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

Oct 23, 2017 8 years ago
Elementary, my dear
Written
User Avatar

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! :)

The past is written, but the future is left for us to write. ~ Picard

Please log in to reply to this topic.