Help with CSS script

Hello, good people of Kitsun!

I’ve been trying my hand at editing a default CSS layout for several hours, and I’ve become stuck.
Basically, what I would like to do is enlarge the {{Vocabulary}} field and force it to display the KanjiStrokeOrders font. However, I cannot find the relevant commands anywhere in the style editor box. Obviously, I’m a complete noob when it comes to CSS editing–or coding in general. :sweat_smile:

Any help or hint would be much appreciated!

1 Like

If you have the font installed locally you’d have to find the .kanji_highlight class in the Styling textarea. If it does not exist you can also create it

.kanji_highlight{
   font-family: 'KanjiStrokeOrders';
   font-size: 3rem;
}

Something like that should work. You have to change the ‘KanjiStrokeOrders’ fontname to whatever it is called in your OS (you can usually see that when you install it I think). And tweak the font-size value to a size that you think fits well.

Do make sure that you are not inside a @media section as those are used for mobile/tablet styling in particular.

Hope that helps a bit!

Indeed, I see my mistake now. I had created this class though inside another class. So, of course, it wasn’t working. :man_facepalming:

Thank you very much! :smiley:

1 Like

Glad it worked!