/* Theme Name: Design Scuole Italia Child Template: design-scuole-wordpress-theme-2.18.2 */ /* ========================================================================== FIX: spazio vuoto nell'header degli articoli senza immagine in evidenza ========================================================================== Il tema padre imposta .article-title (l'hero sopra il titolo) con "height: 480px" (vedi scuole.css), pensato per contenere l'immagine in evidenza dell'articolo come sfondo. Quando un articolo NON ha un'immagine in evidenza impostata, WordPress non aggiunge la classe "has-post-thumbnail" al tag . In quel caso quello spazio da 480px resta comunque riservato ma vuoto, creando il grande "buco" bianco tra il titolo e il resto del contenuto. Questa regola si attiva SOLO quando manca l'immagine (grazie al selettore ":not(.has-post-thumbnail)"), quindi: - Articoli SENZA immagine in evidenza -> altezza ridotta e controllata (nessuno spazio vuoto sgradevole). - Articoli CON immagine in evidenza -> questa regola non si applica, torna il comportamento originale del tema (hero da 480px con l'immagine come sfondo). Non serve intervenire di nuovo in futuro: basta impostare o rimuovere l'immagine in evidenza sul singolo articolo, il CSS si adatta da solo. ========================================================================== */ body:not(.has-post-thumbnail) .article-title { height: auto; /* toglie l'altezza fissa di 480px del tema padre */ min-height: 200px; /* respiro minimo, anche con titoli molto corti */ padding: 48px 0; /* aria sopra/sotto il titolo, indipendente dal contenuto */ }