CSS specifico sulle pagine dei risultati della ricerca

  • Risolto sacconi

    (@sacconi)


    1 anno, 4 mesi 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)

    1 anno, 4 mesi 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 1 anno, 4 mesi fa da Gloria Liuni.
    • Questa risposta è stata modificata 1 anno, 4 mesi fa da Gloria Liuni.
    Chi ha creato la discussione sacconi

    (@sacconi)

    1 anno, 4 mesi 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)

    1 anno, 4 mesi 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)

    1 anno, 4 mesi 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.

Tag