Il CSS Impossibile!

[rbnz]

Mi sto scervellando da ore ma nulla!
Ho installato un plugin per l'utilizzo degli eventi nel calendario, funziona benissimo, se non per il fatto che in Safari il testo dell'evento compare più in basso di dove dovrebbe essere.

http://www.digitalmarketingmanagerau...it/calendario/

Su Chrome, Firefox ed Opera si vede bene.

Ho trovato questo:

.ajde_evcal_calendar.boxy .eventon_list_event .evcal_list_a {
text-align: left;
padding: 20px 0 15px;
border: none;
background: none;
position: static;
top: 50%;
transform: translateY(-50%);
z-index: 6;}

Ma se tolgo quel top:50% o lo imposto su auto su Safari lo vedo correttamente, mentre mi si sposta il blocco troppo in alto sul resto dei Browsers!!

1000 punti a chi riesce a trovare il maledettisimo errore nel CSS!!

[mirkobellavita]

puoi dirmi il numero della riga?

[rbnz]

Del CSS è la 1379

[rbnz]

Trovato!!

.ajde_evcal_calendar.boxy .eventon_list_event .evcal_list_a {
top: auto;
transform: none;
}

era il "transform" a dare problemi!!

Il Plugin è EventOne
Grazie comunque!

[ResianTaxidrive]

In realtà è il transform: translateY(-50%); (sempre in quel blocco di istruzioni) che da il problema. Senza quello il top non serve in nessun browser.
Ho provato a commentarlo, non mi sembra di vedere cambiamenti. Cosa dovrebbe fare?
Al limite prova ad aggiungere il prefisso specifico per il browser
-webkit-transform: translateY(-50%)

[WottaFacca]

Prova togliendo

 top:50%

con

 margin-top: 30px;

o comunque una distanza in pixel che sia ben definita

[rbnz]

Ho risolto col codice sopra citato.
Non capisco il motivo però