I'm currently working with a premade vocabulary deck (only a word on the front side, example sentence on the back). I am trying to change it such that the example sentence is shown on the front side without furigana. However, since this deck only has the example sentences including furigana I figured I could add a hoverable furigana for the front side with non-hover color set to the background. I found a piece of code that let's me change the furigana to hover, however, I can't seem to apply it to the front side of the card without also changing the back.
#Anyone here good with Anki card styling?
hollow badger
cinder depot
Use jpmn note and you can do anything
opal wyvern
@hollow badger uhh, you should paste the code as text with triple backticks
hollow badger
<@475756312685182976> uhh, you should paste the code as text with triple backtic...
sorry lol will do
<br>
<br>
<span style="font-size: 60px; color: #ffffff;">{{vocab}}</span>
<span style="font-size: 15px; color: #ffffff;">{{note}}</span>
<br>
<br>
<span style="font-size: 45px; color: #ffffff;">{{furigana:sentence}}</span>```this is the front
<hr id=answer>
<!--{{vocab-audio}}-->
<!--{{sentence-audio}}-->
<span style="font-size: 28px; "> {{vocab-translation}}</span>
<br>
<br>
<span style="font-size: 30px; color: #ffffff">{{furigana:vocab-furigana}}</span>
<br>
<br>
<span style="font-size: 30px; color: #ffffff;">{{furigana:sentence}}</span>
<br>
<br>
<span style="font-size: 20px; color: #ffffff;">{{sentence-translation}}</span>
<br>
<span style="font-size: 15px; color: #ffffff">Freq: {{vocab-frequency}}```this is the back
font-family: meiryo;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
.card1 { background-color: #F4F1EE; }
ruby rt { color: #2309; border-bottom: 1px dotted black; }
ruby:hover rt { color: white; border-bottom: none; }
}
this is the styling
opal wyvern
@hollow badger could you also send a screenshot of all your fields?
hollow badger
Yes, just a moment
opal wyvern
```.card {
font-family: meiryo;
font-size: 20px;
text-align: center;
color: ...
are you using light theme?
hollow badger
are you using light theme?
dark
opal wyvern
What code did you paste on the front which was also affecting the back?
for the hover
since I don't see anything regarding furigana on the front?
hollow badger
yes, i ended up putting it in styling
hollow badger
but even when i put the ruby code only on the front card
it affected the back also
ruby:hover rt { color: white; border-bottom: none; }
}```this
i'm not sure how to change this such that it will only show on one side of the card
opal wyvern
you have front on back side?
hollow badger
i do
opal wyvern
so it will obv copy the fields and stuff