How to have bullet points not be oriented in the middle of the card?

Anki Card Design
1

Hello there :slight_smile: Hope my question makes sense, English isn’t my first language.

Anyways, basically I like using bullet points in answers (black dot and white circle), but when studying, all of them start in the middle of the card and I wondered if there is a way to make them start on the left side of the card.

2

Yes, you have to add the text-align: left; property to the ul tag. Try something like

ul {
  text-align: left;
}

to the Styling section in your card templates.

1 Like
3

You could also update your Anki Desktop app to a version >= 2.1.52:

1 Like
4

omg thank you so much!! It worked on my Mac right away!

Is it also possible to to do that on the mobile app as well? cause it didn’t sync sadly

5

:face_with_raised_eyebrow:

it should… how are you syncing?

6

I did the normal kind of syncing you would do when updating your cards.
Should I rather do a full one?

7

how can I download that?

8

Here: Anki - powerful, intelligent flashcards

This will not automatically affect AnkiMobile. I’d assume Damien has already updated AnkiMobile to reflect the changes on the desktop app, but that’s not guaranteed.

@BlackBeans solution should work out of the box on all clients. Maybe adding !important between left and the ; helps.

9

So - I updated what I could. Bullet points look how I want them now on my Mac, which is great, but sadly not on my iPad still, even with the !important added.
it still looks like that - hope the picture is visible

IMG_2565.PNG
IMG_2565.PNG1640×2360 219 KB

10

Maybe the ul rule is overwritten by some other rule with more specificity.

Try targeting the list items themselves:

li {
    text-align: left;
}
11

thank you for your help

so, this is working on my Mac too, but again not on the iPad after syncing :frowning:

12

Your edit was a little incorrect - the text above should go at the very end, after the } and on a new line, eg

.card {
   ...
}
li {
  text-align: left;
}

If problems persist after that, please let us know.