Printable View
Salve,
vorrei cambiare il colore di un solo link presente in una specifica pagina del mio sito (pagina contatti).
In pratica i colori dei miei link sono settati sul colore grigio di base e diventano rossi al passaggio del mouse.
In una specifica pagina, per via dello sfondo retrostante più scuro, vorrei che il colore del link di base fosse il bianco.
Come faccio a modificare questo aspetto tramite CSS o qualsiasi altra soluzione semplice?
Grazie.
Salve,
individui l'id della pagina in esame. Può farlo aprendo la pagina in modifica e lo leggerà nell'url, oppure nell'elenco delle pagine porti il mouse sul nome della pagina e leggerà l'id nell'url in basso a sinistra.
Individuato l'id della pagina aggiunga il seguente CSS aggiuntivo:
Sotituisca xx con l'id della pagina ed ovviamente indichi il colore desiderato.Codice:.page-id-xx a {
color: red!important;
}
Saluti
Grazie per la risposta, ho provato a inserire la tua modifica ma entra in conflitto col menù del sito.
Invece di "red" ho inserito "white", poiché il link lo voglio di colore bianco visto che lo sfondo è grigio scuro.
Inserito il codice, questo sistema il colore del link di quella pagina ma perdo il contrasto delle voci menu.
Il testo del menu rimane sempre bianco anche se la voce è selezionata: essendo che il selettore ha lo sfondo bianco, la scritta non si distingue più.
Come mai succede questo? Credo che nel codice vada inserito qualcosa che modifico solo esclusivamente il colore di quell'unico link.
Salve,Citazione:
Originalmente inviato da diecastpassion
il codice che avevo postato modifica il colore di tutti i link presenti nella pagina. Evidentemente avevo capito male.
Per modificare il colore di un unico link occorre intercettare la relativa classe, oppure creare una classe ad hoc per il blocco in cui vi è il link. Dipende da come è realizzato il sito.
Mi sembra che stia utilizzando Elementor. In questo caso, anche se non conosco tale composer, dovrebbe esserci l'opzione per modificare il colore del carattere evidenziato.
Se fornisce maggiori elementi, oppure indica la pagina ed il link da modificare magari riusciamo a fornire altri sugggerimenti.
Saluti
Forse l'ho trovata. Provi ad aggiungere questo codice in CSS aggiuntivo:
SalutiCodice:.ek-link {
color: #fff;
}
Elementor lo uso solo per l'Header, Footer e menu. Ma la pagina in questione (https://diecastpassion.altervista.org/contatti/) non è creata con Elementor.
Come ha compreso, vorrei cambiare il colore solo di quel singolo link ma non so come fare. Tutto il resto deve rimanere invariato.
Grazie per l'aiuto.
Però non leggo riferimenti alla pagina page-id-41, che contiene il link.
Dice possa funzionare ugualmente? Nella mia ignoranza, credo debbano esserci due riferimenti: quello relativo alla pagina e poi al link. Ma magari mi sbaglio, non sono esperto di codici CSS.
Provi così:Citazione:
Originalmente inviato da diecastpassion
SalutiCodice:.page-id-xx .ek-link {
color: #fff;
}
Adesso funziona! Grazie!
Salve,
vorrei sapere se fosse possibile togliere il link da una delle voci del menu, più precisamente rendere non cliccabile il genitore delle voci del menu a tendina in testata.
Grazie
Salve,Citazione:
Originalmente inviato da signorfilm
basta valorizzare con # (cancelletto) il campo url della voce di menu.
Saluti
ok, grazie