CSS specifico sulle pagine dei risultati della ricerca

Risolto sacconi
(@sacconi)

10 mesi, 3 settimane fa
Ho un CSS che funziona bene per le pagine categoria/archivio, qualcuno mi sa dire come modificarlo per farlo andare bene anche sulle pagine dei risultati della ricerca? Ho colorMag come tema
```
.archive #content img.attachment-colormag-featured-image.size-colormag-featured-image.wp-post-image {
	aspect-ratio: 800/600;
    }
```
La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)

Moderatore Gloria Liuni
(@glorialchemica)

10 mesi, 3 settimane fa
Ciao @sacconi,
tutti i contenuti di WordPress hanno una classe di riferimento univoca per poter essere usata nei CSS e modificare l’aspetto del layout (spiegazione super semplificata 😁).

Nel codice che hai postato, per esempio, è .archive

Nella pagina dei risultati di ricerca questa classe è .search-results

Prova quindi a usare questo codice:
```
.search-results #content img.attachment-colormag-featured-image.size-colormag-featured-image.wp-post-image {
        aspect-ratio: 800/600;
    }
```
- Questa risposta è stata modificata 10 mesi, 3 settimane fa da Gloria Liuni.
- Questa risposta è stata modificata 10 mesi, 3 settimane fa da Gloria Liuni.
Chi ha creato la discussione sacconi
(@sacconi)

10 mesi, 3 settimane fa

ciao, grazie, funziona 🙂 Avevo trovato la classe giusta ma l’avevo ficcata nel css precedente ossia .archive .search-results #content ecc ecc, come mai così nn va? (tanto per imparare qualcosa). Io ho altri css che hanno un paio di classi insieme e poi la dichiarazione
Moderatore Gloria Liuni
(@glorialchemica)

10 mesi, 3 settimane fa
Ciao @sacconi,
una lezione sui selettori CSS sarebbe molto lunga per poter essere riassunta in questa risposta 😅
Se la curiosità ha la meglio ti invito a fare una ricerca sul web.

Sì è possibile usare classi diverse con la stessa dichiarazione.
Queste classi (o gruppi di classi come nel tuo caso) devono essere separate da una virgola ( , ) e mantenere la loro struttura gerarchica per poter funzionare.

Nel tuo caso quindi il codice accorpato è:
```
.archive #content img.attachment-colormag-featured-image.size-colormag-featured-image.wp-post-image,
.search-results #content img.attachment-colormag-featured-image.size-colormag-featured-image.wp-post-image {
        aspect-ratio: 800/600;
    }
```
Chi ha creato la discussione sacconi
(@sacconi)

10 mesi, 3 settimane fa

ok, grazie

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)

Il topic ‘CSS specifico sulle pagine dei risultati della ricerca’ è chiuso a nuove risposte.

CSS specifico sulle pagine dei risultati della ricerca

Tag del topic

Visualizza