Anki Coding Help. Changing Height in 'table-cell'

Between the ‘front’ and 'back cards when using furigana support from ‘japanese support’ plugin my table cell for the front card reduces in height by 50px. When using just kana this does not happen so I presume it is to do with the plugin.

Does anyone know how to fix this problem. It only seems to affect the ‘front’ div class and I am pretty sure it is linked to furigana. My div class looks like this. If anything looks suspect it’s because I am new to coding.

.front{
height: 150px;
background-color: #fdbf67;
font-family: Times;
font-weight: bold;
text-shadow: 2px 2px #e3ac5c;
color: white;
font-size: 50px;
display: table-cell;
vertical-align: middle;
width: 1%;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #b2a694
}

I have sorted it now after playing around for a bit.

If anyone was interested I applied a div style inside a div style and not using a ‘display’ I was able to get around the problem.

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.