"Basic (and reverse card)"-cards not displaying correctly when reversed

Card Design
1

This is how the standard looks:

standard 1
standard 13360Ă—2038 144 KB

standard 2
standard 23360Ă—2038 146 KB

And this is how it looks when the card is reversed:

reversed 1
reversed 13360Ă—2038 143 KB

reversed 2
reversed 23360Ă—2038 147 KB

Front template:

Screen Shot 2022-01-23 at 21.33.47
Screen Shot 2022-01-23 at 21.33.471088Ă—392 25.5 KB

Back template:

Screen Shot 2022-01-23 at 21.34.18
Screen Shot 2022-01-23 at 21.34.181088Ă—722 38.3 KB

Styling:

Screen Shot 2022-01-23 at 21.34.59
Screen Shot 2022-01-23 at 21.34.591088Ă—1704 131 KB

Screen Shot 2022-01-23 at 21.35.25
Screen Shot 2022-01-23 at 21.35.251088Ă—624 19.8 KB

2

This is probably due to the <-div class=“allign”> and allign{} in the “Front Template” and “Styling” respectively. I’m not experienced with CSS and HTML, however.

3

That much is obvious to me too. But I don’t understand why the align class isn’t properly applied when the card is reversed.

4

You have shown us the front and back of the first card template, but not the front and back of the second card template. If you want them to appear the same, the two card templates at the top need to be adjusted to match.

4 Likes
5

Oh my god I didn’t realize that there was a second tab to edit the styling. I though it would automatically just apply the styling to the flipped card. Thank you so much. For anyone else having the same problem:

Anki styling
Anki styling2142Ă—874 101 KB

1 Like