New study screen: center align setting no longer available?

Hi,

I’m new here although I’ve been using AnkiDroid for ages now. I’m worried about the future since ‘center align’ has disappeared from the new screen settings. This setting allows the note content to be vertically centered.

I’m currently using “AnkiDroid-2.24.0-full-universal-nominify”; I found this installer on your GitHub page. I’m not updating it because I’m afraid the new screen has become the only option available.

Could you restore the ‘center align’ setting please? Thank you.

Brayan, the main new study screen dev, has said that it won’t be back. But many have complained about this before you in New study screen [Official thread].

I have provided a CSS solution there. Just add this to the styling section of your note types:

.card {
  position: absolute;
  width: 90%;
  height: 90%;
  display: -webkit-box;
  -webkit-box-align: stretch;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
}

It should work as long as the card content isn’t longer than the screen.

Thank you very much for the effort. :yellow_heart: Unfortunately, I have cards that require scrolling down.

Since the problem also occurs in the preview screen, I rolled back to version 2.16.5. I’ll stick to it.

This style should work for both scrollable and non-scrollable card content:

:has(> .card) {
    display: flex;
    min-height: 100%;
    justify-content: center;
    flex-direction: column;
}