Supporto » Varie ed eventuali » Cambiare colore ai link nei commenti

  • Risolto steve92

    (@steve92)


    Ho notato che se nel commento viene inserito un link, questo poi appare rosso, vorrei sapere se è possibile cambiargli il colore con un css, però solo nei commenti non nell’articolo, li c’è l’ho già.

Stai visualizzando 9 risposte - dal 1 al 9 (di 9 totali)
  • Moderatore Cristiano Zanca

    (@cristianozanca)

    Salve steve92 ,

    il consiglio è di verificare qual’é la classe CSS dei commenti utilizzati dal tema attivo, poi personalizzarlo andando nella sezione “custom css”

    Aggiornaci

    Certo che è possibile ma se non mi mostri la pagina con il problema è difficile suggerirti la regola

    @cristianozanca Non trovo quella parte, io vorrei farlo nel css child.

    Questo è il link rosso: https://albenessereblog.altervista.org/artemisia-lerba-magica-contro-i-tumori/#comment-7

    Moderatore Cristiano Zanca

    (@cristianozanca)

    Child Theme scelta ancora migliore del custom CSS del back-end

    la classe dei commenti risulta essere:
    class="comment-content"

    quindi la parte da mettere nel CSS legata alla classe class="comment-content" del child è:

    a,
    a:link,
    a:visited {
     color:#e13;
     color:var(--link-color);
     text-decoration:underline
    }

    modificando l’attributo color

    Mi colora tutto, questo è il css:

    a,
    a:link,
    a:visited {
     color: pink !important;
     color:var(--link-color);
     text-decoration: underline;
    }

    Schermata-2020-11-14-alle-13-39-18<br />file img<br />

    Moderatore Cristiano Zanca

    (@cristianozanca)

    se scritto così senza collegarlo alla classe è normale che colori tutto,

    è necessario collegarlo SOLO alla classe comment-content

    come si collega un attributo CSS ad una sola classe è spiegato qui:

    https://www.w3schools.com/html/html_classes.asp

    aggiornaci

    Ho messo così, ma non va

    a.comment-content,
    a.comment-content:link,
    a.comment-content:visited {
     color: pink !important;
     color:var(--link-color);
     text-decoration: underline;
    }

    Ciao @steve92,

    prova con questo codice:

    .comment-content a,
    .comment-content a:link,
    .comment-content a:visited {
     color: pink !important;
    }

    Nel tuo caso il link sta all’interno del div con classe “.comment-content”, quindi devi indicare prima la classe dell’elemento “esterno” e poi l’elemento che vuoi selezionare (a).
    Poi ti basta indicare una sola volta la proprietà “color” per sovrascrivere quella del CSS originale.

    Un selettore come “a.comment-content” significa invece “gli elementi a che hanno classe comment-content”.

    Facci sapere se così funziona.
    Ciao.

    Funziona.

Stai visualizzando 9 risposte - dal 1 al 9 (di 9 totali)
  • Devi essere collegato per rispondere a questo topic.