opgelost menu items verticaal centreren - wijziging in css niet zichtbaar op webpagina

Dag,
Ik heb het eerste menu-item ingevuld met een afbeelding (100x100px). De menubalk is hierdoor hoger, maar dat is ok.
De menu-items (tekst in de menuknoppen) worden top uitgelijnd. Ik wil de menutitels verticaal gecentreerd hebben.
Ik heb het template.css bestand aangepast:
Deze lijn heb ik toegevoegd:
-> Via F12 (DevTool) zie ik het menu zoals het hoort, maar wanneer ik de pagina ververs, is de wijzigiging verdwenen (terwijl ik de wijzigingen heb opgeslagen en zie in de CSS-files!!)

Kan iemand helpen?
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Namens het Joomla!NL team heet ik je hartelijk welkom op dit forum.

Wijzigingen in de css moet je niet in de template.css plaatsen. Bij een update ben je die dan nl weer kwijt.

Je moet een user.css aanmaken en daar de aanpassingen in plaatsen (evt. met de toevoeging !important).

Bedankt voor de snelle respons. Het is gelukt!

-> user.css aangemaakt in child template
-> inhoud van template.css gekopieerd naar user.css
-> vervolgen in user.css de aanpassing gemaakt

Fout die ik nog maakte (mss interessant voor anderen): ik paste .css bestanden aan in map /templates/..., maar blijkbaar moet je in de map /media/templates/... zijn!