How to add blurred out Flags with Names

[ARandomRock]

Hi all!! I'm trying to extend the note format so that I can use it as a universal baseline for all general geography cards. When attempting to work this in with using US states, how do I make it so that I can blur out the text that says the exact name of the flag? I saw that this was done with the "Guam" card, as shown in the included photos, so I was wondering how I would do this with other flags?

[axelboc]

I believe this is documented in the CONTRIBUTING guide and the issue that is linked from there. If you get stuck, don't hesitate to get back to us 😉

[ARandomRock]

I believe this is documented in the CONTRIBUTING guide and the issue that is linked from there. If you get stuck, don't hesitate to get back to us 😉

I got the blur to start working, and it seems to work that the blurred flag is removed during the back card, but after following the information provided for formatting, it seems that during the front card, both cards are presented. Thoughts?

[aplaice]

Weird! I guess that the blurred flag is correctly named ...-blur.svg? (Otherwise it wouldn't be hidden on the back side.)

What's the precise HTML code of the flag field for Arkansas? Is there a newline (e.g. <br>) (or actually anything else) between the two flags — if there is, remove it — the two images have to be direct "siblings" for the CSS to work. (Just in case you weren't aware: you can view the HTML code in a field with Ctrl+Shift+x.) (This would be my best guess for what might be the problem...)

[ARandomRock]

Taking out the new line text break did the trick. Thank you!!

[aplaice]

I'm glad it worked!