Una domanda un po' elementare: dovendo modificare un CSS escludendo una porzione di stile da una classe, normalmente la si commenterebbe,.. ma utilizzando Wordpress e child-theme come devo fare? In altre parole, non voglio duplicare lo stile dell'intera classe nel child-theme e commentare due righe, ma voglio dire "da quella classe là, escludi x e y"
Le regole CSS non possono essere annullate, a meno che non le commenti, appunto, o le elimini dal foglio di stile. Ciò che puoi fare è un override di quelle specifiche proprietà. Usando lo stesso selettore della regola in questione, puoi sovrascrivere le proprietà interessate impostandole col valore che meglio credi. In linea di massima, questa nuova regola avrà priorità se viene letta dopo quella già esistente.
Si, normalmente non c'è altro modo che copiare tutto per cambiare una singola proprietà. Il problema è che io devo escluderla completamente quella proprietà, non cambiarle il valore.
Non è possibile annullare l'effetto di una regola già applicata, a meno che non si vada a sovrascriverla con una nuova regola. Questa è la prerogativa dei fogli di stile che, per l'appunto, sono detti "a cascata".
Puoi eventualmente applicare la nuova regola dove vai ad impostare il valore "unset" per tutte quelle proprietà che intendi "resettare". In linea di massima questo valore riporta la proprietà al suo stato di default. Potrebbe essere una soluzione.
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Ho provato con unset (nell'inspector), ed il risultato è molto differente da quello che ottengo disabilitando le regole (max-width e max-height)... anche metterle a 0% non mi dà lo stesso effetto (che poi è quello desiderato, ovvero che l'immagine occupi l'intero container.
Probabilmente eliminando quella regola ce ne sono altre applicate, che agiscono su quelle stesse proprietà, sempre per il fattore "cascata", per cui con unset non ottieni lo stesso risultato.
Nel caso puoi verificare, nella scheda "style" oppure "layout calcolato" (o qualcosa di simile) della console web, che valore assumono quelle proprietà quando le commenti. Quindi puoi provare ad usare quei valori su una nuova regola.
Se la pagina è responsive, tieni anche conto che le varie regole potrebbero essere applicate in modo specifico a seconda della dimensione della finestra. In tal caso bisogna capire bene come impostare le nuove regole per evitare imprevisti.
Se puoi postare il link della pagina, e specificare meglio quale risultato vuoi ottenere, può essere più semplice proporre una soluzione più mirata.
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Ho tolto l'underconstruction così puoi vedere a metà pagina, ed un immagine con quanto vorrei ottenere
Visto, prova ad aggiungere, come css personalizzato, una regola del genere:
Questo estenderà l'immagine per tutta la sua altezza, è imposterà la sua larghezza al massimo dello spazio disponibile del suo elemento padre.codice:.sin-added-item .img-container img { max-height: unset; max-width: 100%; }
Fai attenzione però, il risultato ottenuto (che è esattamente quello della tua immagine) comporta un problema che non so se hai notato. Se estendi l'immagine per tutta la sua altezza, questa andrà a coprire gli elementi che stanno anche oltre il contenitore.
Usando una viewport larga minimo 1200px puoi notare che il testo "nessuna recensione" viene coperto dall'immagine, se applichi la modifica. Trai tu le conclusioni.
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Grazie, funziona!
Si, sono consapevole che gli altri elementi vengono coperti, infatti questa dell'immagine era la prima operazione da fare. Sto lavorando proprio per cambiare l'aspetto di queste "schede"
Rispondi quotando
