Quesito css

[phil78]

Buona sera a tutti,

 

Ho comprato un tema che mi sembrava bello per cellulare ma ora che lo sto configurando (sono in versione 1.6.1.13) mi rendo conto che non mi piace perché il prezzo articolo appare solo in caso hover con il mouse (https://theme01.com/prestashop/01grid/en).

Lo sviluppatore ha già rifiutato di valutare (anche a pagamento) qualche piccola modifica quindi mi devo arrangiare.

Ho provato a modificare display e visibility in product_list.css (originale sotto) per visualizzare sempre titolo e prezzo e funziona ma come posso fare per evitare che il titolo e copra la foto dell'articolo?

Grazie anticipatamente.

 

.product_list li .content {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 10px;
color: #fff;
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
text-align: center;
display: block;
visibility: hidden;
opacity: 0;
transition: opacity 300ms ease-in-out, visibility 0ms linear 300ms;
z-index: 3;
}