Imported set defenition not showing on Windows dark mode

Anki Help
1

Hi, I’m having trouble with this set, the full defenition for some reason does not show iin dark mode:

Screenshot (5)
Screenshot (5)1920×1080 82.4 KB

unless i highlight it:

Screenshot (6)
Screenshot (6)1920×1080 87.9 KB

i’m new to anki, and this set isn’t mine. is there a way to fix this? thanks

2

It looks like you have background color/highlight on that text. There are 3 Styling and formatting places that could be coming from.

  1. The styling for your note type, where classes of formatting can be defined overall for all of the cards, or for specific cards, or specific parts of cards.
  2. The card templates themselves call those classes defined in styling, but they can also contain formatting for specific field replacements.
  3. Formatting in the text of a specific note is controlled in the note editor by the editing toolbar. If there’s a lot of that to remove, Find and Replace might be useful. You might need to open the HTML view (click < > above the field) to see it in the field.

The usual and most efficient places to change it are #1 and #2 – but if it is showing up in the Browse window note editor as well, then it’s because of formatting being applied at #3.

Once you figure out what needs to change, if you need more specific help with the HTML or CSS in your templates/Styling, you can post it here – as text (not a screenshot), and in a preformatted-text/code-block – and folks can probably help you with what needs to change.

1 Like
3

Thank you so much, here is the formatting that this type of card (with the background) uses. I think this is a styling issue, as the author does suggesting putting this code in css

aside {
font-size: 0.6em;
background-color: #f5ffee;
text-align: left;
padding-left: 0.5em;
border-top: 2px solid #493;
margin: 1em -20px 0 -20px;
padding-left: 2em;
padding-right: 0.3em;
text-indent: -1.3em;
/\* add this line \*/
color: black;
}

But I am not sure at all where to put it and how, I just can’t figure it out. Here is the code the back of these type of cards use:

:


<!-- show the front side card -->

<div class="above-back">{{FrontSide}}</div>

<!-- hr -->

<hr id="answer" />

<!-- start row -->

<div class="row">

<!-- column 1 -->

<div class="large-12 columns text-center">

<ul class="en-container" lang="en-GB"><li lang="en">{{EN}}</ul>

</div>

<!-- end column -->

<!-- column 1 -->

<div class="large-12 columns text-center">

Teanglann{{#NTeanglann}}: {{NTeanglann}}{{/NTeanglann}}

Fócloir{{#NFocloir}}: {{NFocloir}} EN{{/NFocloir}}

</div>

<!-- end column 1 -->

<!-- column 2 -->

<div class="large-12 columns text-right speech-container">

{{Part of Speech}}

{{#Gender}}

: {{Gender}}

{{/Gender}}

</div>

<!-- end column -->

<!-- column 3 -->

<div class="large-12 columns text-center attribution">

<p>Source information for the word list is available at <a href=" *link*/ ">the project github page</a> and <a href=" *link*">feedback can be submitted</a> there too.</p>

</div>

<!-- end column -->

</div>

<!-- end row -->
4

I think we’re missing some of what you posted.

Make sure you're applying the codeblock correctly.

I can see your backticks, so I think you did something different.

5

[I edited your post. When you “escape” your backticks, they don’t work.]

That’s the most likely cause from what you posted. That’s white(-ish) highlighting.