Buonasera, come tu stesso hai accennato, la dimensione di quell'elemento è regolata da impostazioni relative al fattore responsive di quella pagina, cioè dai breakpoint impostati per le varie dimensioni del viewport. Ispezionando l'elemento con gli strumenti del tuo browser puoi verificare le regole CSS dei vari elementi; usando la visualizzazione flessibile (attivabile in Chrome premendo il pulsantino Toggle device toolbar in alto a sinistra della console web) è possibile ottenere la visualizzazione responsive desiderata e risalire quindi alle regole CSS che influiscono, per tale visualizzazione, sugli specifici elementi.
Certo, non è così semplice per i non addetti; lo faccio io per te.
Le regole che influiscono sulla dimensione di quell'immagine si trovano alla riga 588 del file responsive.css (il percorso è "/wp-content/themes/foodbakery/assets/frontend/css/responsive.css")
Dovrai modificare esattamente queste due righe:
Dovrai modificare il valore della proprietà width inserendo quello desiderato. Tieni conto che l'ingombro dell'immagine influisce sull'elemento titolo che gli sta a destra, per cui dovrai correggere di conseguenza anche i valori calcolati per la proprietà width della riga successiva.codice:.company-info-detail .company-info .img-holder { width: 50px; } .company-info-detail .company-info .text-holder { -webkit-width: calc(100% - 50px); -moz-width: calc(100% - 50px); width: calc(100% - 50px); }
Ad esempio, se vuoi impostare la dimensione a 90px (anziché 50px) dovrai modificare le due righe in questo modo (in rosso i valori da modificati):
Se modifichi direttamente il file, consiglio di salvare sempre delle copie di backup (del file che vai a modificare) per poter eventualmente ripristinare la situazione qualora le cose andassero storte.codice:.company-info-detail .company-info .img-holder { width: 90px; } .company-info-detail .company-info .text-holder { -webkit-width: calc(100% - 90px); -moz-width: calc(100% - 90px); width: calc(100% - 90px); }
Fai sapere, buon proseguimento


Rispondi quotando